jquery與Ajax 呼叫後台方法

2022-07-16 19:51:13 字數 1837 閱讀 5718

利用jquery的$.ajax()可以很方便的呼叫asp.net的後台方法。

先來個簡單的例項熱熱身吧。

1、無引數的方法呼叫

asp.net code:

using system.web.script.services;

[webmethod]

public static string sayhello()

注意:1.方法一定要靜態方法,而且要有[webmethod]的宣告

jquery code:

$(function() ,

error: function(err)

});//禁用按鈕的提交

return false;

});});

2、帶引數的方法呼叫

asp.net code:

using system.web.script.services;

[webmethod]

public static string getstr(string str, string str2)

jquery code:

$(function() ",

datatype: "json",

success: function(data) ,

error: function(err)

});//禁用按鈕的提交

return false;

});});

下面進入高階應用

3、返回陣列方法的呼叫

asp.net code:

using system.web.script.services;

[webmethod]

public static listgetarray()

return li;

}

jquery code:

$(function() );

alert(data.d);

},error: function(err)

});//禁用按鈕的提交

return false;

});});

4、返回hashtable方法的呼叫

asp.net code:

using system.web.script.services;

using system.collections;

[webmethod]

public static hashtable gethash(string key, string value)

jquery code:

$(function() ",

datatype: "json",

success: function(data) ,

error: function(err)

});//禁用按鈕的提交

return false;

});});

執行結果:

5、操作xml

xmltest.xml:

<?xml version="1.0" encoding="utf-8" ?>

1qwe 2

asd

<?xml version="1.0" encoding="utf-8" ?>

1qwe

2asd

jquery code:

$(function() )

},error: function(result, status)

});//禁用按鈕的提交

return false;

});});

ajax呼叫後台Datatable

之前遇到的問題,用ajaxpro方式沒有實現,後來使用的jquery ajax方法呼叫後台的webmethod返回的datatable來實現的。有園友問關於將datatable轉換成json格式的疑問,我就簡單的寫個例子,描述實現過程。1,新建頁面testajax2.aspx 2.新增引用syste...

使用AJAX直接呼叫後台方法

前台 page language c autoeventwireup true codefile default.aspx.cs inherits default 後台 using system using system.collections.generic using system.linq u...

ajax 呼叫後台方法大家可以討論下

我曾使用過的方法有三種 1 在頁面程式設計客棧中加入隱藏的button,並定義了事件,然後執行js的 隱藏btnid click 來 執行後台方法 2 用ajaxpro來執行 3 用ajax的url 頁面位址 靜態 方法名稱 來執行 在這種方法中,方法必須要求是靜態的,所以例如在 default這個...