js如何通过ajax给php发送数据

这篇文章将为大家详细讲解有关js如何通过ajax给php发送数据，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

js通过ajax给php发送数据：

使用js数组来完成json对象的封装：

var arrX={resitems:[]};
     arrX.bookid=bookid;
     for (var i=0; i < cellList.length; i++) {
         var item=cellList[i];
          var jsonRes={};
         jsonRes.bookid=bookid;
         jsonRes.res_id=item.itemStruct.id;
         jsonRes.res_name=item.itemStruct.name;
         jsonRes.src_origin=item.itemStruct.src;
         jsonRes.src_hd=item.itemStruct.src_hd;
         jsonRes.src_sd=item.itemStruct.src_sd;
         jsonRes.src_td=item.itemStruct.src_td;
         arrX.resitems.push(jsonRes);
     };
    
     var jsonResStr=JSON.stringify(arrX);

上面的代码是先创建arrX的json对象，对对象添加各种属性、变量等。最后通过stringify转化为字符串，这个获得的字符串jsonResStr就是一个普通字符串了，可以通过ajax传递到服务器了。

值得注意的是，这里如果有中文，那是没问题的，不会出现乱码问题。在完成了JOSN封装之后，开始使用ajax传递到PHP页面。

$.ajax({
         type:"POST",
         url:"SQLHelper.php",
         dataType:"json",
         async:false,
         data:{'jsonResPanel':jsonResStr},
         success:function(json){}
     });

其中type的类型可以是GET和POST，url是服务器处理的脚本程序。dataType类型有text,json,xml等等，async通常使用false，data是具体要传递的json字符串，并且给服务器post一个叫做json字段的数据，PHP端可以$_POST['json']就可以获取post过来的数据。如果需要接收返回数据。

关于js如何通过ajax给php发送数据就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。