JQuery ($.get()) 前台传值到后台并调用后台方法

JQuery ($.get()) 前台传值到后台并调用后台方法JQuery($.get()) 传值方法：

前台JavaScript：

C# 后台方法

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

ajax();

}

}

private void ajax()

{

string action = Request["Action"]; //最得前台的JS的第一个参数

if (!string.IsNullOrEmpty(action) && action == "action") //判断是否通过前台的点击事件进来的

{

Response.Write("你从前台JS里传入的是:" + Request["name"].ToString() + "和" + Request["time"].ToString());

Response.End();

}

}

JQueryAjax传值方法：

前台到后台（功能：把前台用户输入的信息保存在数据库里。）

前台jsp代码：

function saveUserInfo(){

varparams = {};//定义一个数组

varuserNO = jq("#userNO").val();//把前台页面上的值都赋予一个变量

varuserName = jq("#userName").val();

varphoneNumber = jq("#phoneNumber").val();

params["userNO"] = userNO ;//把这些变量都存在这个数组里

params["userName"] = userName;

params["phoneNumber"] = phoneNumber;

jq.ajax({

type : "post",

url : "<%=basePath%>personalSetting/personalSettingSaveAll.do",

//找到action里相应的方法

data : params, //把数组的值赋给data

dataType : "text",//根据数据类型选择text、jason等

success : function(data) {

alert(msg); //msg可以在后台Action配置，也可以在这里直接写提示信息

},

error : function(data) {

alert("msg");

}

});

}

}

后台Action代码：

@RequestMapping(value = "/personalSetting/personalSettingSaveAll.do", method = RequestMethod.POST)

public void saveAll(ModelMap model, HttpServletRequest request, HttpServletResponse response) throws Exception {

response.setCharacterEncoding("UTF-8");

HttpSession session = request.getSession();

String userNO = request.getParameter("userNO")+"";

String userName = request.getParameter("userName")+"";

String phoneNumber = request.getParameter("phoneNumber")+"";

PersonalSettingEntitypSE = new PersonalSettingEntity();

if(!("".equals(userNO))||"".equals(userName )||"".equals(phoneNumber ))){ //如果都不为空

pSE.setUserNO(userNO);

pSE.setUserName(userName);

pSE.setPhoneNumber(phoneNumber);

PersonSettingService.saveProcessSetting(pSE);

msg = "保存成功";

}else{

msg = "填写不完整"; //可以在前台校验，这里为了举例子

}

response.getWriter().print(msg); //这里的msg是text数据，所以前台数据类型是text。}

后台到前台（功能：把数据库里的用户信息显示到前台页面）

后台Action代码：

前台jsp代码：

function get(){

jq.ajax({

type : "post",

url : "<%=basePath%>personalSetting/personalSettingInitAll.do", dataType : "json",

success :function (data) {

var bean;

jq.each(data,function(index){

bean = data[index];

jq("#userNO").attr("value",erNO);

jq("#userName").attr("value",erName);

jq("#phoneNumber").attr("value",bean.phoneNumber);

}

},

error :function (data){

alert("系统出错！");

}

});

}