原生javascript实现ajax,post参数

最新推荐文章于 2024-04-30 16:21:35 发布

weixin_34310369

最新推荐文章于 2024-04-30 16:21:35 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/suoking/p/5137702.html

本文详细介绍了如何通过JSON对象和原生AJAX将JSON数据转换为POST请求所需的字符串，并利用XMLHttpRequest发送POST请求到指定URL。重点突出了数据转换过程和发送请求的基本步骤。

 1  var json = {
 2           userid: userid,
 3           cid: cid,
 4           openid: openid,
 5           type: 1
 6         };
 7         //    原生ajax
 8         json = (function(obj){ // 转成post需要的字符串.
 9           var str = "";
10           for(var prop in obj){
11             str += prop + "=" + obj[prop] + "&"
12           }
13           return str;
14         })(json);
15 var xhr = new XMLHttpRequest();
16         xhr.open("POST", "/sharecount", true);
17         xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
18         xhr.onreadystatechange = function(){
19           var XMLHttpReq = xhr;
20           if (XMLHttpReq.readyState == 4) {
21             if (XMLHttpReq.status == 200) {
22               //不做处理
23             }
24           }
25         }
26         xhr.send(json);