Ajax請求小結

參數說明

ajax請求異步刷新頁面=把須要異步刷新的頁面單獨寫成一個.cshtml進行操做
$.ajax({}); -------ajax方法。
type： ------- 類型，此處爲「POST」 還有 "GET"類型。必須所有大寫。View和Controller請求方式保持一致。
url： ------- 調用的Action 書寫格式 /controller/action
controller爲文件夾的名字，即不加後綴"controller"
data: ------- 參數，沒有能夠不寫data這一項
success: function (sesponseTest) {} ------- 回調函數，就是當個人Action 執行完後，執行的方法。sesponseTest爲Action返回的內容。
$("#txt1").val(sesponseTest); ------- 把返回的字符串賦值給文本框。

無參數GET

$.ajax({
        type: "GET",
        url: "/Js/GetWithoutParameter",
        data: {

        },
        success: function () {
            layer.alert("Success!");
        }
});
必須指定爲JsonRequestBehavior.AllowGet
```C#
public ActionResult GetWithoutParameter()
{
    return Json("",JsonRequestBehavior.AllowGet);
}

有參數GET

$.ajax({
        type: "GET",
        url: "/Js/GetWithParameter",
        data: {
            "FirstName": "Liu",
            "LastName":"QingYu"
        },
        success: function () {
            layer.alert("Success");
        }
});

public ActionResult GetWithParameter(string FirstName,string LastName)
{
    return Json("",JsonRequestBehavior.AllowGet);
}

多參數POST與返回值處理

$.ajax({
        type: "POST",
        url: "/Js/PostWithParameters",
        data: {
            "number1": 1,
            "number2":2
        },
        success: function (result) {
            layer.alert("number1 + number2 = " + result);
        }
});

[HttpPost]
public ActionResult PostWithParameters(int number1,int number2)
{
    return Json(number1+ number2);
}

小結

(1)Ajax能夠是POST/GET
(2)傳參方式
第一種
「key」:value, 「key」:value
data:{」index」:index,」name」:name….}
第二種
key:value, key:value
data:{index:index,name:name….}
第三種
「key=」+value+」&&」+
data:」index=」+index+」&&」+」name=」+name…
(3)取值
a.方法的參數列表

Public ActionResult GetData(int index,string name){…}

b.Request[「name」]

public ActionResult GetData{int index=Request[「Index」];….}

c.類對象

public ActionResult AddNews(userModel user) 
{
   string a=user.text1;
   string b=user.text2;
}

d.從MVC封裝的FormCollection容器中讀取

public ActionResult AddNews(FormCollection form)
{
   string a=form["text1"];
   string b=form["text2"];
}

(4)其餘 get方法
window.open("/Js/PostWithParameters?number1="+ 1+ "&number2=" +2);