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


查看全文
  • 相关阅读:
    669 v-on:绑定多个事件,参数传递,修饰符
    668 v-bind:绑定基本属性,绑定class,绑定style,动态绑定属性,绑定一个对象
    667 Vue模板语法:Mustache,基本指令
    666 vue3初体验,调试Vue的源码
    660 文本修饰标签:strong,em,sup,sub,del,ins
    655 webpack的Tree Shaking、Scope Hoisting:usedExports,sideEffects,CSS实现Tree Shaking,PurgeCss
    654 webpack的Terser、CSS的压缩
    653 webpack中使用CDN、shimming,Hash、ContentHash、ChunkHash
    652 webpack代码分离:多入口起点,入口依赖,SplitChunks,动态导入,代码懒加载,optimization.chunkIds、runtimeChunk,Prefetch和Preload
    651 webpack环境分离:区分环境,入口文件解析,配置文件的分离
  • 原文地址:https://www.cnblogs.com/ldxsuanfa/p/10512929.html
  • Copyright © 2011-2022 走看看