ExtJS4.2学习 ajax

extjs ajax是一个实例化好的单例类可以直接使用

Ext.Ajax.request({
			url:"user.PHP",params:{
				id:1
			},success:function(response,opts){
				console.log(response.responseText);
			}	
		});

参数

binary:Boolean	是否为二进制数据默认为false	设置为true后返回值受影响
cors:Boolean	是否跨域默认为false	设置为true后可以跨域
DisableCachingParam：String	修改get请求禁止缓存名称默认为_dc	可以修改DisableCaching名称
listeners:Object	事件监听	可以添加事件监听
withCredentials:Boolean	设置withCredentials	发送跨域请求凭据

ajax和前台交互

<divid="el"></div>

Ext.get('el').load({
url:'myPage.PHP',scripts:true,params:{
id:1
}
});

$arr=array(
	"id"=>2,"name"=>"sadsads","email"=>"sadasdsadsas"
);

$data=json_encode($arr);
echo$data;

ajax回调函数

Ext.get('el').load({
			url:'user.PHP',callback:function(obj,status,response,options){
			},failure:function(obj,success:function(obj,options){
			}
		});

ajax request

form属性可以自动获取一个form的值

Ext.get("b").on("click",function(){
			Ext.Ajax.request({
				url:'user.PHP',method:'post',params:{
id:1
},form:'myform',options){
				},options){
				}
			});	
		})

html

<formid="myform">
<inputname="username">
<inputname="password">
<inputid="b"type="button"value="提交">
</form>

PHP

$arr=array(
	"id"=>$_POST["id"],"name"=>$_POST["username"],"email"=>$_POST["password"]
);

$data=json_encode($arr);
echo$data;

jsonData属性可以以json方式传递数据

vardata={id:2,username:"sdsds",password:"ssdss"};

Ext.get("b").on("click",function(){
Ext.Ajax.request({
url:'user.PHP',jsonData:data,options){
},options){
}
});
})

html

<buttonid="b">按钮</button>

PHP

$arr=file_get_contents("PHP://input");
$arr=json_decode($arr,true);
echo$arr['id'];

原文链接：https://www.f2er.com/ajax/165049.html

猜你在找的Ajax相关文章