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简介与程序架构
下一篇:
相关文章
-
无相关信息