ExtJS4.2学习 ajax

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

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

参数

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的值

js

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方式传递数据

js

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'];

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!