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("訪问异常");
    		}
    	});
    }
    


查看全文
  • 相关阅读:
    使用C++ 实现的 websocket 客户端 (基于easywsclient)
    ant打包报错 JRE version less than 1.8 is not suppored
    离线安装SVN 4.2.3
    maven项目使用oracle11g
    springboot 新工程报错 Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured.
    IP与域名绑定
    web项目如果省略端口
    Linux源码安装Python3.7服务
    Linux yum软件包安装、管理与使用
    RPM软件包管理与使用
  • 原文地址:https://www.cnblogs.com/ldxsuanfa/p/10512929.html
  • Copyright © 2011-2022 走看看