在网页中一般是通过表单提交数据,而表单获取信息,抛弃当前页面重新加载一个新页面。

现在,在webform网页中可以通过JueryAjax提交、处理数据的方式,达到异步刷新页面。

表单提交数据和JueryAjax提交数据的区别:

表单 表单获取信息,抛弃当前页面重新加载一个新页面。(只把数据提交出去)
JueryAjax 提交数据,发送出去,再获取数据,更新信息,不刷新页面。(提交出去并反馈回来)

以验证用户名是否重复为例:

在Html中写函数:

 document.ready{}:整个页面加载完了触发函数内容
$document.ready(
{
function ()//获取一下文本框的值
{
$("#TextBox1").blur(function())//blur当鼠标点击或离开的时候触发
{
var txt=$(this).val();//this代表当前的元素,在哪个元素的事件中写,就代表哪个元素
}
var txt = $("#TextBox1")//CSS选择器获取元素
var txt=$("#TextBox1").val();//html获取元素的值在val中;在cs中获取元素的值是在value中
//通过超链接把数据提交出去,反馈回来
//如何使用Ajax把文本框的值发送出去
$.ajax({
url:"CheckuserName.aspx";//超链接传的参数
type:"";//以什么样的方式传送数据
data:{id:txt},//把用户名传送出去
datatype:"xml";//反馈回的数据类型
success function(data)//这里的data是返回的xml的信息,不同于上面的data,这里的data可以更改名称
{
var co=$(data).find("count").text();//怎么样获取返回的变量
alert(co);//alert执行输出,获取数值(经常用)
if(parseInt(c)==)
{
$("Label1").html();
var lb1=document.getElementById("Label1");
lb1.innerHtml="对";
}
else
{
$("Label1").html("已有此用户");
}
}
}) }
})

在Dafualt2.aspx的Page_Load中:

在page_load中:

private DataClassesDataContext _Context;
protected void Page_Load(object sender, EventArgs e)
{

连接数据库
_Context = new DataClassesDataContext();

string uid= request["id"].tostring ();//验证一下id
int count=_Context.Login.Where(r=>r.username==uid).count();//从数据库中查询
response.write("<?xml.version='1.0'?>");//返回数据,往页面输出
response.write("<count>"+count+"</count>");//xml可以自己做出标签,html是现有的标签
response.close();
XML也是一种标记语言,标记内容的作用
以<?xml.version='1.0'?>的格式,代表这是XML的文件,解析的时候就默认是Xml的文档

}

最新文章

  1. STM32F105解密STM32F105VB芯片解密STM32F105R8单片机破解多少钱?
  2. Spring操作指南-IoC基础环境配置(基于注解自动装配)
  3. HDU 4832 Chess (DP)
  4. UML(统一建模语言)
  5. 【转】java调用webservice
  6. 如何设置修改WPS批注上的用户信息名称
  7. .net 常用正则表达式
  8. Encapsulating Data
  9. 开源免费的C/C++网络库(c/c++ sockets library)
  10. linux服务器时间同步
  11. U14Linux的帐号与用户组
  12. 四个漂亮CSS样式表
  13. 在Netbeans上配置Android开发环境
  14. PHP7新特性
  15. 处理异常、常用类、反射、类加载与垃圾回收、java集合框架
  16. 简介JSP与FreeMarker及Volicity区别
  17. OC第二天—封装
  18. BZOJ_3697_采药人的路径_点分治
  19. 研究傅里叶变换的一本好书&lt;&lt;快速傅里叶变换及其C程序&gt;&gt;
  20. Java知多少(22)方法重载

热门文章

  1. 【剑指offer】求1+2+…+n,C++实现
  2. 《DSP using MATLAB》示例 Example 6.25
  3. Could not transfer artifact org.springframework:spring-tx:jar:3.2.3.RELEASE
  4. Ecel 粘贴图片并调整大小,移到底层
  5. psoc4的中断笔记
  6. cacti监控linux主机时iptables阻碍了udp161端口造成无法监控解
  7. Oracle 之 AIO (异步io)
  8. oracle 之 手动建库
  9. Mock&amp;Spring集成
  10. 将xml转为array