素材巴巴 > 程序开发 >

Ajax load()方法

程序开发 2023-09-22 21:06:43

《1》

load()函数用于从服务器加载数据,并使用返回的html内容替换当前匹配元素的内容。

load()函数默认使用GET方式,如果提供了对象形式的数据,则自动转为POST方式。
因为默认使用的是Get请求方式,所以我们也可以在url加数据进行提交。

例如$("#box").load("loadTest.html?name=zhang&age=25")


load()方法可以参数三个参数:

url(必须,请求html 文件的url 地址,参数类型为String)
data(可选,发送的key/value 数据,参数类型为Object)
callback(可选,成功或失败的回调函数,参数类型为函数Function)


load()方法是局部方法,因为他需要一个包含元素的jQuery 对象作为前缀。例如$("#box").load()

而$.get()和$.post()是全局方法,无须指定某个元素。对于用途而言,.load()适合做静态文件的异步获取,
而对于需要传递参数到服务器页面的,$.get()和$.post()更加合适。


从另外一个页面加载数据到当前页


 
 Ajax
 
 


如何从服务器加载数据到当前页

请求页代码


 Ajax
 
    

服务器代码

using System;
 using System.Collections.Generic;
 using System.Configuration;
 using System.Data;
 using System.Data.SqlClient;
 using System.Linq;
 using System.Web;namespace jqueryTest
 {/// /// loadHandler 的摘要说明/// public class loadHandler : IHttpHandler{public void ProcessRequest(HttpContext context){context.Response.ContentType = "text/html";string id = context.Request["id"];string userInfo= GetByIdData(Convert.ToInt32(id));if (userInfo == ""){context.Response.Write("你查找的数据不存在");return;}else{context.Response.Write(userInfo);}}public string  GetByIdData(int id){string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString;using (SqlConnection conn = new SqlConnection(connStr)){conn.Open();using (SqlCommand cmd = conn.CreateCommand()){cmd.CommandText = "select * from T_UserInfo where id=@id";SqlParameter sp = new SqlParameter("@id", id);cmd.Parameters.Add(sp);DataTable dt = new DataTable();using (SqlDataAdapter adapter = new SqlDataAdapter(cmd)){adapter.Fill(dt);}if (dt.Rows.Count <= 0 || dt.Columns.Count <= 0){return "";}string str=null;for (int i = 0; i < dt.Columns.Count; i++){str += dt.Rows[0][i].ToString()+ " | "; //获取第一行第i列的数据                       }return str;   //返回第一行的所以数据}}}public bool IsReusable{get{return false;}}}
 }

通过回调函数处理过后的数据: 如下图




 

标签:

上一篇: Angular简介与程序架构 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。