zoukankan      html  css  js  c++  java
  • jquery序列化表单以及回调函数的使用

    在开发项目中。将前台的值传给后台,有时的JSP表单中的值有一两个,也有所有的值,假设这时一个个传,必然不是非常好的办法,所以使用jQuery提供的表单序列化方法,能够非常好的解决问题。同一时候能够封装成通用的函数,运行成功能够调用各自的回调函数。实现各自的功能。

    代码例如以下:

    function queryUserInfo(actionUrl,formId,fun){
    	var params=new Object();  //声明数组
        $.each($("#"+formId).serializeArray(),function(index,param){  
        		params[param.name] = param.value; //序列化表单
        });
        params['time']=new Date();  //1
    	$.ajax( {
    		url : basePath+actionUrl,
    		data : params,//没有1。能够这样写("#"+formId).serializeArray()
    		type : 'POST',
    		dataType:'json',
    		async: false,//表示同步,等待服务端返回数据。才会运行后面的代码
    		success : function(obj) {
    			   fun(actionUrl,formId,obj);
    			},
    		error: function() {
    			alert("訪问异常");
    		}
    	});
    }

    还有一种方式:

    function setUserInfo(actionUrl,userid,username,fun){
    	var params=new Object();  //声明数组
    	params['user.id']=userid;
    	params['user.name']=username;
    	$.ajax( {
    		url : actionUrl,
    		data : params,//没有1。能够这样写("#"+formId).serializeArray()
    		type : 'POST',
    		dataType:'json',
    		async: false,//表示同步,等待服务端返回数据,才会运行后面的代码
    		success : function(obj) {
    			   fun(actionUrl,formId,obj);//调用回调的函数
    			},
    		error: function() {
    			alert("訪问异常");
    		}
    	});
    }
    


  • 相关阅读:
    哥java学识有大进 干回之前的小学生系统像切菜一样简单 不说了 来代码
    祝贺自己操作系统JAVA项目有进展!!
    四则运算的开发
    四则运算app总结
    对其它组评价的反馈
    第三次spring冲刺2
    阅读《构建之法》第13-17章
    对其他组的评价
    第三次spring冲刺1
    阅读11,12章
  • 原文地址:https://www.cnblogs.com/ldxsuanfa/p/9958015.html
Copyright © 2011-2022 走看看