萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> 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;     } }  
copyright © 萬盛學電腦網 all rights reserved