当前位置: 首页 > Web前端 > HTML

ExtJsAjax请求使用记录

时间:2023-03-28 18:42:47 HTML

使用说明Ext.Ajax.request:function(options)方法可以用来向服务器发送http请求,并在回调函数中处理返回结果。服务器的响应是异步的,所以服务器返回的数据需要在回调函数中进行处理。回调函数可以在请求方法调用的参数选项中定义。此外,还可以在请求方法中定义Ajax请求的其他一些属性。参数options是一个对象,包含了Ajax请求所需的各种参数和回调处理参数。options中可以包含的属性和含义如下:urlString指定请求的服务器端url,默认值为Ajax对象中配置的URL参数值。  paramsObject/String/Function指定要传递的参数,可以是包含参数名称和值的对象,也可以是类似name=xx&birthday=1978-1-1的url编码字符串,也可以是可以返回以上两个内容的一个函数。  methodString指定发送ajax请求的方法,可以是GET或POST。默认情况下,如果请求中没有传递参数,则使用GET,否则使用POST。  callbackFunction指定Ajax请求的回调函数,无论调用成功与否都会执行。回调函数传递了三个参数,第一个options表示执行请求方法时的参数,第二个success表示请求是否成功,第三个参数response表示用于执行Ajax请求的XMLHttpRequest对象。  successFunction指定ajax请求执行成功后要执行的回调函数,回调函数传递两个参数。第一个参数response表示执行Ajax请求的XMLHttpRequet对象,第二个参数表示执行请求方法时的options对象。  failureFunction指定请求出错时执行的回调函数。将两个参数传递给回调函数。第一个参数response表示执行Ajax请求的XMLHttpRequet对象,第二个参数表示执行请求方法时的options对象。  scopeObject指定回调函数的作用域,默认为浏览器窗口。  formObject/String指定要提交的表单id或表单数据对象。  isUploadBoolean指定提交的表单是否为文件上传表单,默认自动勾选。  headersObject指定请求的头部信息。  xmlDataObject指定用于发送到服务器的xml文档。如果指定了该属性,其他地方设置的参数将无效。  jsonDataObject/String指定发送到服务器的JSON数据。如果指定了该属性,则在别处设置的要发送的参数值将无效。  disableCachingBoolean是否禁止缓存Post请求参数表格式单参数varobj=form.getValues();Ext.Ajax.request({url:remoteUrl,params:obj,success:function(response,opts){varobj=Ext.decode(response.responseText);console.dir(obj);},failure:function(response,opts){console.log('server-sidefailurewithstatuscode'+response.status);}});Http请请求Header中,Content-Type:application/x-www-form-urlencoded;charset=UTF-8json参数varobj=form.getValues();varjsonData=Ext.encode(obj);Ext.Ajax.request({url:remoteUrl,jsonData:jsonData,success:function(response,opts){varobj=Ext.decode(response.responseText);console.dir(obj);},failure:function(response,opts){console.log('server-sidefailurewithstatuscode'+response.status);}});Http请请求Header中,Content-Type:application/json