jquery的代码:
<script>
$(function() {
// $.getJSON("http://10.128.3.104/edi/rest/GetBillCaseInfo?_out=json&_callback=?", function(json) {
// alert(json.ROWSET.ROW[0].CaseName);
// });
$.ajax({
async:false,
//url: 'http://10.128.3.104/edi/rest/GetBillCaseInfo', //跨域的dns/document!searchJSONResult.action,
url: 'testjson.do',
type: "GET",
dataType: 'jsonp',
jsonp: '_callback',
data: '_out=json',
timeout: 5000,
header: { 'Authorization': 'Basic YWRtaW46YWRtaW4xMjM='},
beforeSend: function(request) {
//jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
},
success: function (json) { //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
alert($.toJSON(json));
alert($.toJSON(json.ROWSET.ROW[0]));
},
error: function(request) {
//jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
//请求出错处理
alert("请求出错(请检查相关度网络状况.)");
}
});
});
</script>
Extjs的代码:
ss = new Ext.data.ScriptTagProxy({
//url: 'http://10.128.3.104/edi/rest/GetBillCaseInfo',
url: 'testjson.do',
callbackParam: "_callback",
headers: { 'Authorization': 'Basic YWRtaW46YWRtaW4xMjM='}
});
ss.load({'_out': 'json'},
new Ext.data.JsonReader({root:"ROWSET.ROW"},
[{name: 'CaseCode', mapping: 'CaseCode'},
{name: 'CaseName', mapping: 'CaseName'}]),
function(recordsBlock, arg, isok) {
alert(Ext.encode(recordsBlock));
alert(Ext.encode(recordsBlock.records[0].data));
}
);
Ext.Ajax.request({
url: 'http://10.128.3.104/edi/rest/GetBillCaseInfo',
//url: 'testjson.do',
scriptTag: true,
success: function(req) {
alert(req.responseText);
},
failure: function(req) {
alert(req.responseText);
},
headers: { 'Authorization': 'Basic YWRtaW46YWRtaW4xMjM='},
params: { _out: 'json' }
});
注意:无论是jQuery还是Extjs都不能发送自定义HTTP的信息,因为他们都是通过动态生成<scripe>标签的方式来实现跨域的访问!
分享到:
相关推荐
Ajax(Jquery与ExtJs) 框架对比 web前端开发
Jquery-Extjs4.0框架,用于前台页面开发的JS框架
tree 的所有功能 很难得的 我刚调试好 只需要把数据库url 用户名和密码修改 ,就可以运行 extjs 动态树 tree ajax 全部功能 10分一点都不多,绝对值得。
将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数...
jquery/extjs智能提示所需文件, jquery/extjs智能提示所需文件
extjs ajax同步请求所需js extjs ajax同步请求所需js
extjs ajax框架中文使用手册,extjs ajax框架中文使用手册
jQuery EasyUI 仿 Extjs 界面布局,左边手风琴折叠菜单。点击菜单在右边content区域可增加tab标签,可作为项目的main页
该项目使用SSH2框架+jQuery+ExtJs+MySql数据库+MyEclipse开发环境。1、设计构思 将订单模块分成管理员和顾客两个管理部分: 管理员:可以查看所有的订单,对已付款的订单进行发货,查看订单详情,按不同方式查询订单...
JavaScript框架jQuery和ExtJS的对比研究.pdf
基于vs2010的省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs) 示例源代码。
jQuery和ExtJs代码提示spket插件的下载和使用说明
NULL 博文链接:https://rayln.iteye.com/blog/1484628
软件技术 ExtJS jquery Mootools Dojo 比较
浅谈JavaScript库——jQuery,ExtJs的对比研究.pdf
EXTJS AJAX方式发送数据给后台服务器
Extjs Ajax 购物车,直接下载是运行不了的,因为数据库你是没有的
本文简单介绍了目前流行的JavaScript 库, 并对其中较为流行的两个库jQuery 和ExtJs 进行的较详细的介绍和对比研究, 对在 Web 开发中JavaScript 库的选择具备一定的参考价值。
ext extjs ajax java 中文教程 ext extjs ajax java 中文教程
NULL 博文链接:https://shuhaolan.iteye.com/blog/1337060