js中怎么写ajax


当前第2页 返回上一页

GET方式:

1

2

3

4

5

6

7

8

var ajaxObj=new XMLHttpRequest();

ajaxObj.open("GET","../php/ajaxSubmitData.php?data=tody is wind");

ajaxObj.send()

ajaxObj.onreadystatechange= function () {

    if(ajaxObj.readyState===4&&ajaxObj.status){

        alert("发送成功");   

    }

}

POST方式:

1

2

3

4

5

6

7

8

9

10

var ajaxObj=new XMLHttpRequest();

ajaxObj.open("POST","../PHP/ajaxSubmitData.php");

ajaxObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");

// multipart/form-data 默认的以二进制方式传送

ajaxObj.send("data=我是post数据");

ajaxObj.onreadystatechange= function ()

if(ajaxObj.readyState===4&&ajaxObj.status===200){

alert("发送数据成功");

}

}

ajax获取从服务器返回的数据是 ajaxObj.responseText获取

ajax 给服务器发送数据: get post

get: url重写(拼接) ---- 数据量小 简单数据 不安全

post:send(数据) 请求体(页面看不到) 数据量大 简单或复杂数据 安全

application/x-www-form-urlencoded表示表单默认以字符串的形式发送

multipart/form-data 表单数据以二进制流的方式发送

ajaxObj.setRequestHeader其实就是修改请求头(请求报文)里面的额Content-type值

以上就是js中怎么写ajax的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript中alert用法是什么

js 可断点续传文件上传实现教程

js+html5实现页面可刷新的倒计时效果

js如何对乱序数组进行排序

js 怎么判断数字相等

js数组如何删除指定元素

js简单上传图片预览功能的实例详解

详解json_decode出现空白的解决方法

如何实现ajax请求?

js json字符串如何转json对象

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...