首頁猿問用jQuery發送JSON數據

用jQuery發送JSON數據

JQuery

慕的地6264312 2019-07-27 15:14:42

用jQuery發送JSON數據為什么下面的代碼發送數據為City=Moscow&Age=25而不是JSON格式？var arr = {City:'Moscow', Age:25};$.ajax( { url: "Ajax.ashx", type: "POST", data: arr, dataType: 'json', async: false, success: function(msg) { alert(msg); } });

查看完整描述

3 回答

眼眸繁星

TA貢獻1873條經驗獲得超9個贊

因為您沒有指定請求內容類型，也沒有更正JSON請求。下面是發送JSON請求的正確方法：

var arr = { City: 'Moscow', Age: 25 };$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: JSON.stringify(arr),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }});

要注意的事情：

使用
JSON.stringify
方法將javascript對象轉換為JSON字符串，JSON字符串是本機并內置到現代瀏覽器中的。如果您想支持舊的瀏覽器，您可能需要包括
json2.js
控件指定請求內容類型。
contentType
屬性，以便向服務器指示發送JSON請求的意圖。
這個
dataType: 'json'
屬性用于您希望從服務器獲得的響應類型。jQuery足夠聰明
猜
它來自服務器
Content-Type
響應頭。因此，如果您有一個Web服務器，它或多或少地尊重HTTP協議，并使用
Content-Type: application/json
對于您的請求，jQuery將自動將響應解析為javascript對象到
success
回調，這樣您就不需要指定
dataType
財產。

要小心的事情：

你所說的
arr
是
不是數組
..它是一個具有屬性的javascript對象(
City
和
Age
)。數組用
[]
在javascript里。例如
[{ City: 'Moscow', Age: 25 }, { City: 'Paris', Age: 30 }]
是一個由兩個對象組成的數組。

反對回復 2019-07-29

隔江千里

TA貢獻1906條經驗獲得超10個贊

因為默認情況下jQuery序列化作為data參數$.ajax..它用$.param若要將數據轉換為查詢字符串，請執行以下操作。

的jQuery文檔$.ajax:

[data參數]被轉換為查詢字符串，如果不是已經轉換為字符串的話。

如果要發送JSON，則必須自己編碼：

data: JSON.stringify(arr);

請注意JSON.stringify只存在于現代瀏覽器中。對于遺留支持，請查看json2.js

反對回復 2019-07-29

嚕嚕噠

TA貢獻1784條經驗獲得超7個贊

我為發布JSON編寫了一個簡短的方便函數。

$.postJSON = function(url, data, success, args) {
  args = $.extend({
    url: url,
    type: 'POST',
    data: JSON.stringify(data),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: true,
    success: success  }, args);
  return $.ajax(args);};$.postJSON('test/url', data, function(result) {
  console.log('result', result);});

反對回復 2019-07-29

3 回答
0 關注
1600 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

用jQuery發送JSON數據

用jQuery發送JSON數據

3 回答

添加回答