首頁  >  文章  >  後端開發  >  js怎麼透過ajax傳送數據

js怎麼透過ajax傳送數據

尚
原創
2019-10-31 11:48:373753瀏覽

js怎麼透過ajax傳送數據

js透過ajax傳送資料給php:

推薦: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:{&#39;jsonResPanel&#39;: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn