萬盛學電腦網 >> 腳本專題 >> javascript >> Jquery中的ajax再封裝,簡化操作介紹
Jquery中的ajax再封裝,簡化操作介紹
這篇文章主要介是對Jquery中的ajax再封裝,簡化操作示例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQueryAjaxJson取值示例</title> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(function () { jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack); jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt); }); function callBack(data) { $("#ddd").html(''); var json = eval(data); //數組 $.each(json, function (index, item) { //循環獲取數據 var name = json[index].Name; var age = json[index].Age; var sex = json[index].Sex; $("#ddd").html($("#ddd").html() + "<br>" + name + " " + age + " " + sex + "<br/>"); }); }; function callBackTxt(data) { $("#ccc").html(data); }; /** * ajax post提交 * @param url * @param param * @param datat 為html,json,text * @param callback回調函數 * @return */ function jsonAjax(url, param, datat, callback) { $.ajax({ type: "post", url: url, data: param, dataType: datat, success: callback, error: function () { jQuery.fn.mBox({ message: '恢復失敗' }); } }); } </script> </head> <body> <span id="ccc"></span> <span id="ddd"></span> </body> </html> 代碼如下: using System; //新增 using System.Web.Script.Serialization; using System.Collections.Generic; public partial class AjaxQuery : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //數據模擬,僅供參考 string messgage = string.Empty; string id = Request["id"]; string name = Request["name"]; string gettype = Request["type"]; if (gettype=="text") { messgage = (id == "1" && name == "2") ? "ok符合條件" : "sorry不符合條件"; } else if (gettype == "json") { List<Student> list = new List<Student>(); for (int i = 0; i < 50; i++) { Student a = new Student(); a.Name = "張三" + i; a.Age = i; a.Sex = "男"; list.Add(a); } messgage = new JavaScriptSerializer().Serialize(list); } else { } Response.Write(messgage); Response.End(); } } public struct Student { public string Name; public int Age; public string Sex; } }javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved