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");

巴特西

ajax post提交的方式

ajax的post注意事项

Ext.Ajax

get调用:

post调用:

最新文章

热门文章