1. 程式人生 > >jQuery如何向後臺傳入json格式資料

jQuery如何向後臺傳入json格式資料

前後臺數據互動一般都用json格式,後臺可以直接將json對應轉化為實體物件。方便以後的操作。jQuery向後臺傳資料的時候,我們會發現他會自動轉化成查詢字串,不能真正傳入一個json。而且用jquery對錶單序列化的時候,返回的格式是一個數組,還需要作進一步轉換。其實只要我們在ajax方法中配置一些東西就可以完成。程式碼如下:

<form id="ff">
    <input type="text" name="test1"/>
    <input type="text" name="test2"/>
    <input type="text" name="test3"/>
    <input type="text" name="test4"/>
    <input type="button" id="save" value="save"/>
</form>

$("#save").on("click", function () {
                var params = $("#ff").serializeArray();
                var j = {};
                for (var item in params) {
                    j[params[item].name] = params[item].value;
                }

                $.ajax({
                    url:'index.html',
                    data:JSON.stringify(j),
                    type:'post',
                    dataType:'json',
                    headers:{
                        Accept:"application/json",
                        "Content-Type":"application/json"
                    },
                    processData:false,
                    cache:false
                }).done(function (data) {
                        });

            });

如果在chrome看到如圖的顯示格式,說明傳入到後臺的就是json格式