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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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("系统出错!");

}

});

}

相关文档
最新文档