1、第一步,在WWW目录下,新建一个网页send_post.html,在此网页中设置一个按钮。
2、第二步,在WWW目录下,创建一个接受post请求的php文件post_ajax.php,这个文件会输出一段语句“very good,the post have been received"。
3、第三步,在send_post.html网页中 ,插入javascript代码,使用document.getElementById()获取button对象,并绑定点击事件。
4、第四步,首先创建异步对象,其次设置请求的参数,包括:post、请求的url。如果想让像fo筠续师诈rm 表单提交数据那样使用POST请求,就需要使用 XMLHttpRequest 对象的 setRequestHeader()方法 来添加 HTTP 头。然后在 send() 方法中添加想要发送的数据。
5、第五步,设置监听的onreadystatechange事件,状态改变时就会调用。为了保证 墙绅褡孛数据 完苻抽苍黪整返回,我们一般会判断两个值readyState和status,如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的。
6、第六步,如果发送post请求成功,打印获取数据成功,并打印出获取的数据,并将标签h1的内容设置为获取的数据。
7、第七步,验证是否发送成功。