前臺向後臺傳值
阿新 • • 發佈:2021-12-23
表單傳值
通過頁面的form表單向後臺傳參,action中寫後臺介面,表單提交方式必須是submit,引數資訊會把input框name屬性和value屬性按key/value的形式傳到後臺指定地址。
@{ ViewBag.Title = "Index"; } <h2>Index</h2> <from method="get"> <input type="text" name="username"/> <input type="submit" name="提交" /> </from> public classTestController : Controller { [HttpGet] //查詢 //[HttpPost] //增刪改 // GET: Test //傳值方式 public ActionResult Index() { //Request.QueryString[""]; Request.From [""] //同名引數 //物件的同名屬性 student username return View(); }//public ActionResult Index(string username) //{ // return View(); //} }
提交方式可以是get,也可以是post,區別在於傳遞的引數會不會在URL地址顯示,不論get方式還是post方式,引數都會傳到後臺的。
<form id="formTest" action="user/userInfo.do" method="get"> <input type="text" name="name" value="zhangsan" /> <input type="text" name="sex" value="male" /> <input type="submit" value="提交" /> </form>
ajax傳值
資料多時可以構建json物件,轉換成json格式的String後傳給後臺
window.onload = function(){ var jsonData = { name:"zhaosi", sex:"male", age:34, address:"北京市海淀區", phone:18801239876 } var jsonData1 = JSON.stringify(jsonData); //格式轉換 //傳遞到後臺 $.ajax({ type:'POST', data:jsonData1, //資料來源 dataType:'json', url:'user/UserInfo.do', //介面 success:function(data){ //成功傳參後的回撥函式 alert("傳送成功"); alert(jsonData1); }, error:function(e){ //傳參失敗的回撥函式 alert("傳送失敗"); } }); }