jquery.Ajax() メソッドは、Asp.Net バックグラウンド メソッド Analysis_jquery を呼び出します。

JQuery の $.ajax() を使用すると、asp.net のバックグラウンド メソッドを簡単に呼び出すことができます。
最初に簡単な例でウォームアップしましょう。

1. パラメーターなしのメソッド呼び出し
asp.net コード:

コードをコピーコードは次のとおりです:

using System.Web.Script.Services;

[WebMethod]
public static string SayHello()
{
return " Hello Ajax !";
}
using System.Web.Script.Services;

[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}

注: 1. メソッドは次のようにする必要があります。静的メソッドであり、[WebMethod] の宣言が必要です。 <参照パス="jquery-1.4.2-vsdoc.js"/>

$(function() {
$("#btnOK").click(function() {

$. ajax({ contentType: 「application/ json」、 (data.d ); > //ボタンの送信を無効にします return false; }); }); およびメソッド名 URL: "data.aspx/SayHello", contentType: "application/json; charset=utf-8",

dataType: "json",

: function(data success ) {
alert(err);
}
});

RM
結果:

2. パラメーターを使用したメソッド呼び出し
asp.net コード:

コードをコピーコードは次のとおりです:

using System.Web.Script.Services;

[WebMethod]
public static string GetStr(string str, string str2)
{
str str2 を返します
}
System.Web.Script.Services を使用します;

[WebMethod]
public static string GetStr(string str, string str2)
{
return str str2;
}

JQuery コード:

コードをコピー コードは次のとおりです:

///
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: " post "、
url：" data.aspx/getStr "、 'str'： 'i am'、 'str2'： 'xxx'}"、
contentType： "application/json; charset = utf- 8 "、
データタイプ：" json "、
success：function（data）{
🎜> alert（err）; $(function() {
$("#btnOK").click(function() {
$.ajax( { タイプ: "投稿",
URL: "データ.aspx/GetStr",
// パラメーターを渡す方法は正しくなければなりません。STR はパラメーターの名前、STR2 は 2 番目の形状です。 パラメーター名
data: "{'str':'I am' ,'str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType : "json",
success: function(data) {
//返されるデータは data.d を使用して取得されます error: function (err) {
alter(err);
RM
実行結果:

以下に高度なアプリケーションを入力してください

3. 配列メソッドを返す呼び出し
asp.net コード:

コードをコピーコードは次のとおりです。

using System.Web.Script.Services;

[WebMethod]
public static List
{
List li = new List();

for (int i = 0; i li.Add(i ""); >
return li;
}
using System.Web.Script.Services;
[WebMethod]

public static List GetArray()
{
List li = new List();

for (int i = 0; i li.Add(i "");
return li;

}

JQuery コード:

コードをコピー コードは次のとおりです:

/// <参照パス="jquery-1.4.2-vsdoc.js"/>
$(function() {
$("#btnOK").click( function() {
$.ajax({
タイプ: "Post",
url: "data.aspx/GetArray",
contentType: "application/json; charset=utf-8" ,
dataType: "json",
success: function(data) {
//
$("#list").html(""); を挿入する前に ul をクリアします。 🎜> ("#list").append("

" this "

"); エラー: function(err) {
アラート(err); // /
$(function() {
$("#btnOK").click(function() {
$ .ajax({
タイプ: 「投稿」,

success: function(data) {

.append("< li>" this "");
});

アラート(data.d) 🎜> });

RM
実行結果:

4. Hashtable メソッドへの呼び出しを返します
asp.net コード:

コード コードは次のとおりです:

using System.Web.Script.Services;
using System.Collections;

[WebMethod]
public static Hashtable GetHash (文字列キー,文字列値)
{
Hashtable hs = new Hashtable();

hs.Add("www", "yahooooooo");
hs.Add(key,値);

return
}
using System.Web.Script.Services;
using System.Collections;

[WebMethod]
public static Hashtable GetHash(string key,string value)
{
Hashtable hs = new Hashtable();

hs.Add("www", "yahooooooo");
hs.Add(key, value);

return hs;
}

JQuery コード:

コードをコピー コードは次のとおりです:

///
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "data.aspx/GetHash",
//必ず二重引用符を追加してください T_T
data: "{ 'key': 'haha', 'value ': 'はは ' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
"key: haha​​ ==> " data.d["haha"] "n key: www ==> " data.d["www"]); >
}); // <参照パス="jquery-1.4.2-vsdoc.js"/>
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "data.aspx/GetHash",
//必ず二重引用符を追加してください T_T
data: "{ 'key ' : 'はは'、'値': 'はは！ ' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert("key: ははは=alert("key: haha​​ = => " data.d["haha"] "n key: www ==> " data.d["www"]);
},
エラー: function(err) {
alert(err "err");
}
});

RM
运行結果：

5、operationxml
XMLtest.xml:

复制代码代码如下:

 
 
<アイテム> 
1 
qwe 
 
<アイテム> 
2 
asd 
 
 




1
qwe


2
asd

JQuery コード:

复制代

代码如下:

$(function() {
$("#btnOK").click(function() {
$.ajax({
url: "XMLtest.xml",
dataType: 'xml', //返される型は XML であり、前の Json とは異なります
success: function(xml) {
success: function(xml) {
// リストをクリアします
$("#list") .html("");
//xml 要素の検索 KVM オンライン ショッピング ブラシ Web サイトの建設 北京エクスプレス カンパニー 超音波溶接機
$(xml).find("data> item").each(function() $ ("#list").append("

Name:" $(this).find("name").text() "

") ; ,
error: function(result, status) { //上記でキャプチャされたエラーがない場合、ここのコールバック関数が実行されます>
//ボタンの送信を無効にする
return false; ）;
}）; ).each(function() {
>");

})
}、
error: function(result, status) { //キャプチャエラーがない場合上記の場合、ここでのコールバック関数が実行されます
}
});

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.最高のグラフィック設定

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

2週間前 By DDD

R.E.P.O.誰も聞こえない場合はオーディオを修正する方法

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25：Myriseのすべてのロックを解除する方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7480

15

CakePHP チュートリアル

1377

52

Steamのアカウント名の形式は何ですか

77

11

Win11 Activation Key Permanent

51

19

NYTの接続はヒントと回答です

19

33

もっと見る