欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

ExtJs服务器端代理(Ajax)

发布时间:2025/7/14 编程问答 47 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ExtJs服务器端代理(Ajax) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

服务器端代理:

  • Ajax:在当前域中发送请求
  • JsonP:跨域的请求
  • Rest:与服务器进行RESTful(GET/PUT/POST/DELETE)交互
  • Direct:使用  Ext.direct.Manager 发送请求

 

web应用程序开发过程中,与服务器端交互的技术最常用的就是Ajax了。Ajax 是使用Javascript创建一个HttpRequest,采用异步的方式从服务器获取数据。

Ext.onReady(function () {
  // 定义数据模型Ext.define('Person', {extend: 'Ext.data.Model',fields: ['name', 'age']});

  // 一个包含AjaxProxy代理的Store, 使用参数方式绑定var store = Ext.create('Ext.data.Store', {model: 'Person',proxy: {type: 'ajax',url: rootUrl + 'sample/getjson',reader: {type: 'json',    // 用来对服务器端响应数据进行解码,或从客户端读取数据。root: 'users'    // 对应服务器端返回的数据节点}}});
// 当调用load()方法的时候,store会使用ajax的方式异步的请求url store.load({  page: 2,    // 配置请求参数,通过传递这些参数,我们可以完成分页、查询等操作。limit: 10,params: {name:'QF'},callback: function (records, operation, success) {if (success) {var msg = [];store.each(function (person) {msg.push(person.get('name') + ' ' + person.get('age'));});Ext.MessageBox.alert('提示', msg.join('<br />'));}} });var msg = [];store.each(function (person) {msg.push(person.get('name') + ' ' + person.get('age'));});Ext.MessageBox.alert('提示', msg.join('<br />')); });

  

转载于:https://www.cnblogs.com/ImaY/p/4602629.html

总结

以上是生活随笔为你收集整理的ExtJs服务器端代理(Ajax)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。