1. 程式人生 > 其它 >前臺向後臺傳值

前臺向後臺傳值

表單傳值
通過頁面的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 class
TestController : 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("傳送失敗");
        }
    });
}