AjaxバックグラウンドでアップロードされたJSONデータを処理する方法成功

今回は、ajax バックグラウンド サクセスでアップロードされた json データを処理する方法を説明します。 ajax バックグラウンド サクセスでアップロードされた json データを扱うときの 注意事項 は何ですか。実際のケースを見てみましょう。

最近、JQueryのajaxメソッドを使用する場合、返却する必要があるデータはjsonデータであり、成功返却では返却メソッドに応じてデータ処理が異なる方法でjsonデータを生成します。 $.ajaxメソッドでの扱い方を簡単に説明します。

まず、転送する JSON データを指定します: [{"demoData":"This Is The JSON Data"}]

1、通常の aspx ページを使用して処理します

$.ajax({ 
type: "post", 
url: "Default.aspx", 
dataType: "json", 
success: function (data) { 
$("input#showTime").val(data[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

バックグラウンドでデータを送信するためのコードは次のとおりです

Response.Clear(); 
Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); 
Response.Flush(); 
Response.End();

この処理メソッドは、渡されたデータを json データに直接解析します。つまり、ここでのフロントエンド js コードは、これらのデータを

stringdata ( data[0] など) ではなく jsonobjectdata に直接解析する可能性があります。デモデータ、この JSON オブジェクト データはここで直接使用されます

2、Web サービス (asmx) を使用して処理します

この処理メソッドは、渡されたデータを JSON オブジェクト データとしてではなく、文字列として扱います。はい、次のコードです

​​

$.ajax({ 
type: "post", 
url: "JqueryCSMethodForm.asmx/GetDemoData", 
dataType: "json",/*这句可用可不用，没有影响*/ 
contentType: "application/json; charset=utf-8", 
success: function (data) { 
$("input#showTime").val(eval('(' + data.d + ')')[0].demoData); 
//这里有两种对数据的转换方式，两处理方式的效果一样 
//$("input#showTime").val(eval(data.d)[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

。以下はasmxメソッドのコードです

​​

public static string GetDemoData() { 
return "[{\"demoData\":\"This Is The JSON Data\"}]"; 
}

この処理メソッドは、渡されたjsonデータを文字列として扱うため、データはeval処理する必要があり、実際のjsonオブジェクトデータになる可能性があります。

それは

success:function(data){ 
eval(data); 
}

この記事の事例を読んだ後、あなたはその方法をマスターしたと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

サーバーから返されたデータ型を Ajax が処理する方法

Ajax リクエストの WebService クロスドメイン実装メソッド (コード付き)

以上がAjaxバックグラウンドでアップロードされたJSONデータを処理する方法成功の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。