AJAX技术
Yes_JiangShuai
默默奋斗的攻城狮 向往掌握技术而不限于技术
展开
-
JavaScript实现原生ajax
自从javascript有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何办呢?下面和大家分享几种利用javascript实现原生ajax的方法。 实现ajax之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器,则需要创建 Ac原创 2017-05-02 07:18:42 · 1257 阅读 · 0 评论 -
Ajax技术之XMLHttpRequest对象详解
Ajax是XMLHttpRequest对象和JavaScript、XML、CSS、DOM等多种技术的组合。其中,只有XMLHttpRequest对象是新技术,其他的均为已有的技术。下面就对Ajax使用的XMLHttpRequest对象进行介绍。1、XMLHttpRequest对象的由来Ajax使用的技术中,最核心的技术就是XMLHttpRequest,它是一个具有应用程序接口的JavaSc原创 2017-05-05 15:59:14 · 1548 阅读 · 0 评论 -
Ajax技术之与服务器通信-发送请求与处理响应
通过上一讲的介绍,我们已经了解了Ajax和Ajax所使用的技术,下面我将介绍应用Ajax如何与服务器通信。1、发送请求Ajax可以通过XMLHttpRequest对象实现采用异步方式在后台发送请求。通常情况下,Ajax发送请求有两种,GET请求和POST请求。无论发送哪种请求,都需要经过一下4个步骤。1)初始化XMLHttpRequest对象。为了提高程序的兼容性,需要创建一个跨浏览器原创 2017-05-05 19:54:57 · 1899 阅读 · 0 评论 -
Ajax技术之与服务器通信-一个完整的实例(实现检测用户名是否唯一功能)
在介绍了向服务器发送请求与处理服务器响应之后,下面将通过一个完整的实例,更好地说明在Ajax中如何与服务器通信。问题描述:在某用户注册界面,检测用户输入的用户名是否唯一。1、创建index.jsp文件,在该文件中添加一个用于收集用户注册信息的表单及表单元素,以及代表“检测用户名”按钮的图片,并在该图片的onclick事件中调用checkName()方法,检测用户名是否被注册。关键代码如下:原创 2017-05-06 10:37:17 · 1076 阅读 · 0 评论 -
Ajax技术之解决中文乱码问题
Ajax不支持多种字符集,它默认的字符集是UTF-8,所以在应用Ajax技术的应用程序中应及时进行编码转换,否则对于程序中出现的中文字符将变成乱码。一般情况下,有以下两种情况可以产生中文乱码。1、发送请求时出现中文乱码将数据提交到服务器有两种方法,一种是(正在手动编辑文章,半小时内完成,敬请关注。。。)原创 2017-05-06 16:20:32 · 1583 阅读 · 0 评论 -
Ajax技术之Ajax重构(封装XMLHttpRequest)
Ajax的实现主要依赖于XMLHttpRequest对象,但是在调用其进行异步数据传输时,由于XMLHttpRequest对象的实例在处理事件完成后就会被销毁,所以如果不对该对象进行封装处理,在下次需要调用它时就需要重新构建,而且每次调用都需要写一大段的代码,使用起来很不方便。虽然现在很多开源的Ajax框架都提供了对XMLHttpRequest对象的封装方案,但是如果采用这些框架,通常需要加载很多原创 2017-05-06 17:05:40 · 1406 阅读 · 0 评论 -
Html5新标签datalist实现输入框跟后台数据库数据的动态匹配
最近项目中涉及到一个小功能,客户在选择供应商时,由于供应商数目较多(大概3000个左右),因此直接生成下拉框显然不现实,所以就更换解决方案,打算借助Html5新增的标签datalist来实现输入中文/拼音首字母时,自动进入数据库模糊查询,并返回相应的结果,生成datalist,由于在输入框中的输入内容发生变化时,datalist会自动触发下拉框,所以使用起来比select更便捷。前端部分代码如下:原创 2017-05-18 10:53:51 · 2147 阅读 · 0 评论