完整的Ajax实例
写在前⾯的话:
⽤了很久的Asp.Net Ajax,也看了段时间的jquery中ajax的应⽤,但到头来,居然想不起xmlHttpRequest的该如何使⽤了.
以前记的也不怎么清楚,这次就重新完整的学习⼀遍吧,也为了⾃⼰以后能个完整的地⽅来复习.
什么是Ajax
Ajax的全称是Asynchronous Javascript And XML.AJax由HTML,Javascript,DHTML和DOM组成.
HTML⽤于建⽴Web表单
Javascript代码⽤于运⾏Ajax应⽤程序的核⼼代码,⽤于和服务器引⽤程序进⾏通信
DHTML⽤于动态更新表单
DOM⽤于处理HTML结构和服务器返回的XML
时⾄今⽇,Js中可以处理的数据包括了字符串,JSON,XML数据.
优点
通过XMLHttpRequest对象来和服务器进⾏通信;在与服务器进⾏异步数据传输时,传输的数据更少;更好的⽤户体验. 实例
get.htm页⾯HTML代码如下:
js代码如下:
新建Get.aspx页,Get.aspx.cs代码如下:
结果:
输⼊姓名和年龄,点击Get按钮,就会从服务器获取到数据.
⼩结:
今天暂时写⼀个完整的例⼦来显⽰Ajax的调⽤过程,此例中存在许多问题:
1. 如何创建在⼤部分浏览器中都能运⾏的XMLHttpRequest对象.
2. 使⽤get请求时存在缓存问题
3. 中⽂乱码问题
针对这些已经出现的问题,我们在随后的例⼦中会⼀⼀解决.
对于其他的疑问,⽐⽅说:
1. 如何使⽤post传递数据
2. post和get有什么区别
3. 如何使⽤传输和使⽤json数据
4. 如何传输和使⽤xml数据(毕竟,Ajax最后的⼀个字母x指的是XML)
对于这些疑问,我们在随后的⽂章⾥也会⼀⼀解决的.
>jquery ajax例子
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论