ajax post提交的方式

ajax的post注意事项

注意post请求的Content-Type为application/x-www-form-urlencoded，参数是在请求体中，即上面请求中的Form Data(后台通过Request.Form["name"]来获取)。

如果Content-Type为application/json;charset=UTF-8或text/plain;charset=UTF-8，则请求表单参数在RequestPayload中(后台用StreamReader方式来读取:

public string GetPayloadData(HttpRequest req)

        {

            StreamReader r = new StreamReader(req.InputStream);

            req.InputStream.Position = 0;

            var temStr = r.ReadToEnd();

            return temStr;  //json字符串,序列化成对象

        }

)。

最近在看书时才真正搞明白，服务器为什么会对表单提交和文件上传做特殊处理，因为表单提交数据是名值对的方式，且Content-Type为application/x-www-form-urlencoded，而文件上传服务器需要特殊处理，普通的post请求（Content-Type不是application/x-www-form-urlencoded）数据格式不固定，不一定是名值对的方式，所以服务器无法知道具体的处理方式，所以只能通过获取原始数据流的方式来进行解析。

jquery在执行post请求时，会设置Content-Type为application/x-www-form-urlencoded，所以服务器能够正确解析，而使用原生ajax请求时，如果不显示的设置Content-Type，那么默认是text/plain，这时服务器就不知道怎么解析数据了，所以才只能通过获取原始数据流的方式来进行解析请求数据。(转自:http://blog.csdn.net/mhmyqn/article/details/25561535)

Ext.Ajax

默认post的Content-Type为application/x-www-form-urlencoded,由于项目中post的一般是json对象,所以改为Content-Type: 'application/json,后台接受到json反序列化为model对象.

function ajax(url,params,jsonObject,successCallback,methodType)
{
    if(!url)
        {
            alert('Ajax缺少参数:请求路径.');
            return;
        }
if(!methodType)
        {
            methodType='get';
        }
    
    var header={};    
    if(methodType.toLowerCase() =='post')
        {
            header={ 'Content-Type': 'application/json; charset=utf-8' };
        }
    if(!jsonObject)
        {
            jsonObject={};
        }
    if(!params)
        {
            params={};
        }
    
    Ext.Ajax.request({
    url: url,
    headers: header,
    params:params,
    jsonData: jsonObject, /*request payload*/
    method: methodType,
    success: function (response, options) {
        if(!successCallback)
            {
                alertt('操作成功.');
            }
        else
            {
                successCallback(response,options);
            }
    },
    failure: function (response, options) {
        //Ext.MessageBox.alert('失败', '请求超时或网络故障,错误编号：' + response.status);
    },
    callback:function(option, success, response){//不管成功失败都可以拿到response 
        //var res = Ext.decode(response.responseText);
//         if (success )
//         {
//             Ext.MessageBox.alert("成功","成功");
//         }
//         else {Ext.MessageBox.alert("失败",$(response.responseText).filter("title").html());} //拿到错误页面的标题
    }
});
}

get调用:

//ajax参数url,extraparams,jsonObject,callback(response,options),methodtype="get/post"
ajax("Services/Manage.ashx",{method:'GetInitInfo'},null,function(response){
　　var dataStr=response.responseText;
　　//alertt(dataStr);
　　eval("var keyValues="+dataStr);
　　(new ExtFormUtils()).setKeyValues("panelFill","panelFill",keyValues);
},"get");

返回值不需要处理的(默认弹出:操作成功.):

ajax("Services/Manage.ashx",{method:'GetInitInfo'});

post调用:

ajax("Services/Manage.ashx",{method:'GetInitInfo'},{Name:'aa',sex:'male',age:21},null,"post");