ajax使用方法_编程学问网

ajax使用方法

ajax就是向服务器发送http请求，并获得服务器的返回值。但一般做网站都使用了框架，并不需要你写xmlhttp。那么下面就分情况来教你怎么使用ajax。

纯javascript源码使用ajax的方法

虽然实际开发中并不这么玩，但我还是详细整理了。请参考：ajax兼容源代码

jquery中使用ajax的方法

大部分开发者都会用jquery框架，jquery封装好了的ajax使用非常方便：

通过 AJAX 加载一段文本：

jQuery 代码：

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

HTML 代码：

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button id="b01" type="button">Change Content</button>

详细请参考：jquery ajax 方法

ext js中使用ajax的方法

extjs也是使用非常广泛的javascript框架，其中使用ajax也十分方便：

extjs ajax案例:

// 基本ajax访问
Ext.Ajax.request({
   url: 'foo.php',
   success: someFn,
   failure: otherFn,
   headers: {
       'my-header': 'foo'
   },
   params: { foo: 'bar' }
});

// ajax异步提交表单
Ext.Ajax.request({
    form: 'some-form',
    params: 'foo=bar'
});