如何使用ajax发送post请求。

 时间:2024-10-11 23:25:08

1、第一步,在WWW目录下,新建一个网页send_post.html,在此网页中设置一个按钮。

如何使用ajax发送post请求。
如何使用ajax发送post请求。
如何使用ajax发送post请求。

2、第二步,在WWW目录下,创建一个接受post请求的php文件post_ajax.php,这个文件会输出一段语句“very good,the post have been received"。

如何使用ajax发送post请求。
如何使用ajax发送post请求。

3、第三步,在send_post.html网页中 ,插入javascript代码,使用document.getElementById()获取button对象,并绑定点击事件。

如何使用ajax发送post请求。

4、第四步,首先创建异步对象,其次设置请求的参数,包括:post、请求的url。如果想让像fo筠续师诈rm 表单提交数据那样使用POST请求,就需要使用 XMLHttpRequest 对象的 setRequestHeader()方法 来添加 HTTP 头。然后在 send() 方法中添加想要发送的数据。

如何使用ajax发送post请求。

5、第五步,设置监听的onreadystatechange事件,状态改变时就会调用。为了保证 墙绅褡孛数据 完苻抽苍黪整返回,我们一般会判断两个值readyState和status,如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的。

如何使用ajax发送post请求。

6、第六步,如果发送post请求成功,打印获取数据成功,并打印出获取的数据,并将标签h1的内容设置为获取的数据。

如何使用ajax发送post请求。

7、第七步,验证是否发送成功。

如何使用ajax发送post请求。
如何使用ajax发送post请求。
如何使用ajax发送post请求。
热门搜索
节日手抄报 英语手抄报 红领巾心向党手抄报 消防手抄报 垃圾分类手抄报 安全手抄报图片 汉字手抄报简单又漂亮 诗歌手抄报 节约用水手抄报文字 预防传染病手抄报