JQuery ($.get()) 前台传值到后台并调用后台方法
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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("系统出错!");
}
});
}