通过阅读《疯狂Ajax讲义(第3版)——jQueryExt JSPrototypeDWR企业应用前端开发实战(含CD光盘1张)试读样章》,本文总结了使用Extjs,jquery,javascript进行ajax请求的方法。实际上,不论是使用extjs还是jquery,最终都是使用的javascript中的XMLHttpRequest对象。ajax请求的参数一般包括:请求方式(POST或GET),请求的URL,请求的参数,请求成功或失败时的回调函数。
ExtJS, 使用Ext.Ajax 类进行ajax请求。下面是一个例子:
Ext.Ajax.request({
url: 'ajax_demo/sample.json',//ajax请求的url
success: function(response, opts) {//当HTTP响应200 OK,就会调用success回调函数
var obj = Ext.decode(response.responseText);//decode http响应文本,一般是json字符串
console.dir(obj);
},
failure: function(response, opts) {//当请求失败,执行该回调函数
console.log('server-side failure with status code ' + response.status);
}
});
Jquery中,使用函数$.ajax $.get $.post进行异步请求,下面是一个例子:
/* 以post方式请求,将响应的结果显示在id为result的div中 */
$.ajax({
url: "test.php",
type: "post",
data: values,
success: function(){
alert("success");
$("#result").html('submitted successfully');
},
error:function(){
alert("failure");
$("#result").html('there is error while submit');
}
});
javascript方式,使用XMLHttpRequest对象进行ajax请求,下面是一个例子:
使用XMLHttpRequest对象发送请求的基本步骤如下:
创建一个XMLHttpRequest的引用
告诉XMLHttpRequest对象,哪个函数会处理XMLHttpRequest对象状态的改变,为此要设置onreadystatechange属性
指定请求的属性。open()
将请求发送给服务器。send()
xmlHttp.responseText将响应提供为一个串
var xmlHttp;
//创建一个XMLHttpRequest对象
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
//开始一个请求
function startRequest()
{
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET","simpleResponse.xml",true);
xmlHttp.send(null);
}
//当xmlHttp对象的内部状态发生变化时候,调用此处理函数
//一旦接受到相应(readyState为4)
function handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
alert("The server replied with:"+xmlHttp.responseText);
document.getElementById("result").innerHTML = xmlHttp.responseText;
}
}
}
分享到:
相关推荐
一个很全的web开发必备文档,也是我现在工作正在使用的帮助文档,很全很齐,分享出来了,要的,自己下
JQuery AJAX提交中文乱码的解决方案 Jquery css函数用法 JQuery中getJSON的使用方法 Jquery中显示隐藏的实现代码分析 JQuery全选功能的实现 JQuery特效——下拉菜单 JQuery系列教程之XPath选择符 JQuery系列教程之...
NULL 博文链接:https://z-p-h.iteye.com/blog/1529957
extjs+实例+管理系统+学习extjs的好例子
使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了. 创建一个ASP...
沿途停靠的站点包括:JavaScript基础、JavaScript语法、JavaSctipt编程、页面交互信息的实现、Ajax客户端技术、jQuery框架、ExtJS框架和JavaScript调试的利器Firebug,以及使用iQuery实现在线留言板系统和一些门户...
前台负责与用户的交互显示数据,用到HTML标签布局页面,CSS样式渲染页面,JavaScript脚本(或AJAX、JQuery、Extjs)编写动态交互性强的页面;后台编写处理一些复杂业务逻辑的程序.可以用C#,JAVA,PHP等语言
在web 开发中,js是必不可少的技术!, 同时js 也是ajax/jQuery/extjs 等框架的基础。 JavaScript是弱类型语言,变量无须声明。 Javascript加入网页有两种方法:直接方式和引用方式。
ExtJS是一个用javascript、CSS和HTML等技术实现的主要用于创建RIA即富客户端,且与后台技术无关的前端Ajax框架。 常用于企业内部管理系统、行政系统等SAP类型的应用。 1) 提供了非常多的丰富、功能强大的组件。 2)...
jQuery AJAX框架-查询DOM对象,简洁,现成控件较少 ExtJS extjs.com 比较全面的AJAX框架 树,菜单,表格编辑器(Grid)学习比较困难 -->显示公告(页面内弹出窗口) 1. 导入CSS和EXT的JS 2. 写Ext.onRead 3. 写入功能...
ExtR 一个开源的Ruby on Rails 4.x和Ruby on Rails 3.x引擎,用于在Rails应用程序中使用Ext.... 看一看: 使用JQuery进行普通Ajax调用$.ajax({ url: "projects", context: document.body, success: function(){ alert
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。 ...
编程在不断的简化,可是“用户体验、性能、兼容性、可扩展……”要求却在不断提高,随之涌现出Prototype、jQuery、ExtJs、Dojo等优秀的框架(类库),大大简化了web开发。 越来越多的人开始深入研究和使用...
ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...
-加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)。 -在AJAX回发后确保Asp.net的按钮控件仍然具有AJAX的特性。 -更新/basic/login.aspx示例,使用验证图片(feedback:kedee)...
该系统运用extjs+jquery+AjaxPro富客户端无刷新ajax技术,使用NPOI导出excel数据,使用 OfficeActiveX插件操作生成word文档(支持office2003、office2007),系统运行十分的顺畅, 界面整齐美观大方,可以作为二次...
3. 熟悉各种Web前端技术,包括JavaScript、CSS、HTML4/5、(XHTML、XML、Ajax)、json、jstl、JQuery,jsp,对DWR、Bootstrap、EasyUI、DWZ、ExtJS有一定了解; 4. 熟悉Extjs,dojo,easyUI等及有相关项目开发经验者...
ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。JQuery、 Prototype和YUI都属于非常核心的JS库。
2、用户体验:采用XML+AJAX网页无刷新技术以及Extjs等富客户端技术,增强了用户体验,缓解了服务器压力。 3、功能强大:系统封装很多c#、javascript类库,二次开发方便快捷。 4、扩展性:程序设计采用模块化,...
2015最强java开源oa源码 ...CSS3、ajax、React、angularjs、以及jquery、extjs vue 框架等 对js有自己独特理解", "4": "对分布式(nginx负载均衡)有了解、对Web网站架构演变过程有自己的理解。", "5": "熟悉SQL