첫 번째 유형: GET 전달
프런트엔드 ajax GET 전달: 즉, 요청한 주소 뒤에 매개변수를 추가하고 URL 주소 길이가 표시되며 보안이 낮음
백엔드 수신 : 요청.QueryString["매개변수 이름"]!
예:
function LoadBar(id) { var project = id; var month = $("#txtMonth").val(); $.ajax({ type: "GET", async: false, url: 'GetProjectScore.aspx?project=' + project + '&month=' + month, dataType: 'json', beforeSend: function () { }, success: function (msg) { if (msg) { optionBar.xAxis.categories = eval(msg.projectscore.orgname); optionBar.series = eval(msg.projectscore.series); var t = eval("(" + subtitle + ")"); optionBar.subtitle = t.subtitle; chart = new Highcharts.Chart(optionBar); } }, error: function () { alert('出错了啦!'); } });
두 번째 유형: POST 전송
2.1 매개변수로 전달되는 문자열
즉, 전달된 매개변수가 문자열 형태로 전달됩니다. dataType="text";
프런트 엔드 ajax POST 전달: 양식 데이터를 서버에 제출하라는 요청입니다. 제출할 데이터는 정보 헤더 뒤의 엔터티에 있습니다.
백그라운드 수신: Request.Form["매개변수 이름"]
예:
$("input[name=returnfile]").click(function () { var returnflag = $(this).val(); var guid = $(this).prev().html(); $.ajax({ type: "POST", async: "false", url: "returndata.aspx", data: "flag=" + returnflag + "&guid="+guid+"", success: function () { } }); })
백그라운드 수신 :
string flag=Request.Form[“flag”];
string guid=Request.Form[“guid”];
2.2 JSON이 다음으로 전달됨 a 매개변수
즉, 전달된 매개변수가 json 문자열 형식으로 전달됩니다. dataType="json";
프런트엔드 ajax POST 전달: 양식 데이터를 서버에 제출하라는 요청입니다. 제출할 데이터는 정보 헤더 뒤의 엔터티에 있습니다.
백그라운드 수신:
StreamReader reader=new StreamReader(Request.InputStream);
string str = reader.ReadToEnd();
예:
$("input[name=returnfile]").click(function () { var returnflag = $(this).val(); var guid = $(this).prev().html(); var str = "{'flag':'" + returnflag + "','guid':'" + guid + "'}"; var json = eval("(" + json + ")"); $.ajax({ type: "POST", async: "false", url: "khdf_returndata.aspx", dataType:”JSON” data: json, success: function () { } }); })
백그라운드 수신:
StreamReader reader=new StreamReader(Request.InputStream);
string str = reader .ReadToEnd();
읽은 후 newtonsoft는 JSON 처리를 수행합니다
2.3 JSON이 매개변수로 전달됩니다
$(function () { $("#btnLogin").click(function () { // var username = $("#txtUserName").val(); // var password = $("#txtPassword").val(); // var paras = "username=" + username + "&password=" + password; // alert(paras); var data = { username: $("#txtUserName").val(), password:$("#txtPassword").val() } $.post("Home/CheckLogin", data, function (data) { alert(data); }) }) }) 如果按照2.2post。则必须加上: contentType: "application/json"
백그라운드 수신:
[HttpPost] public ActionResult CheckLogin(string username,string password) { string name = username; string pwd = password; return View(); }