`
tanglong8848
  • 浏览: 71149 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

简化js请求参数

 
阅读更多
<script type="text/javascript" src="<%=path%>/javascripts/jquery.js"></script>
目的是减少参数串的拼接,如:dp="name="+name+"&cellphone="+cellphone... 
<script type="text/javascript"><!--
    
//填装
var map=[];
    //初始化方法

	
		
       
       
        //membercheck
        this.memcheck=function(){
        	map.length=0;//清空数组
        	map.push("cellphone");
        	map.push("data_source");
        	map.push("access_token");
        	var dp=createParam(map);
               //异可用jq 方法 var dp=$('#form1').serialize();
        	 $.post("memcheck.json",dp,function(data){
		        	document.getElementById('finalresult').innerHTML=data;
		        	map.length=0;//清空数组
			});
        }
        
       
      
       
        

     
     //解析数组生成拼接字符串
     function createParam(map){
    	 var str="";
	    	 for(var i=0;i<map.length;i++){
	    		 //添加连接符
	    		 str+="&"+getMethodParam(getObj(map[i]));
	    	 }
	    	 str=str.substring(1,str.length);
    	 return str;
     }
     
     
     //拼值
     function getMethodParam(obj){
    	 var id=obj.id;
    	 //添加过滤条件
    	 if(id.indexOf("r_")>-1){id=id.replace("r_","");}
    	 var str=id+"="+obj.value;
    	 return str;
     }
        
     
     //取得对象
     function getObj(id){
    	 return document.getElementById(id);
     }
     
	 //取值
	 function getValue(id){
		 return $("#"+id).val();
	 }
	 //set value
	 function setValue(id,val){
		 $("#"+id).val(val);
	 }
   
	 //执行 function
	 function doit(){
	       var func=$("#func").val();
	       if(func!=null&&func!=""){
	          eval(func)();
	       }
	  }
   

   
   //获得随机手机号
   function getRandomCellphone(){
     var cellphone,ram="";
		     for(var i=0;i<9;i++){
		        ram+=parseInt(10*Math.random())+"";
		     }
		     cellphone="13"+ram;
      setValue("r_cellphone",cellphone);
      setValue("cellphone",cellphone);
   }
   
   
   
   //清空数据
    function clear_data(){
       $("#cellphone").val("");
       $("#access_token").val("");
       $("#password").val("");
       $("#pincode").val("");
       $("#store_code").val("");
       $("#points_type").val("");
       $("#gift_id").val("");
       $("#redeem_num").val("");
       $("#redeem_type").val("");
       $("#redeem_name").val("");
       $("#redeem_province").val("");
       $("#redeem_city").val("");
       $("#redeem_address").val("");
       $("#redeem_phone").val("");
      
       document.getElementById("finalresult").innerHTML="";
    }
   


--></script>

分享到:
评论

相关推荐

    Node.js-Fitted:使用ES7decorators简化http请求

    另外,Fitted允许我们自定义请求参数的处理方式,比如将函数返回值作为请求体: ```javascript class UserService { @post('/users') createUser(user) { return { name: user.name, email: user.email }; } } ...

    dataTables java后台解析http请求参数demo

    例如,使用`HttpServletRequest`对象,我们可以调用`getParameter()`或`getParameterMap()`方法来获取请求参数。对于多维数组,可能需要使用`getParameterValues()`,因为DataTable的某些参数如`columns`是一个包含...

    Node.js解析ajax参数Demo

    在现代Web应用中,通常使用jQuery、axios或fetch API等库来简化Ajax请求的编写。在这个Demo中,我们假设前端使用jQuery的$.ajax()方法发送请求。 ```javascript // 前端jQuery示例 $.ajax({ url: '/api/data', ...

    purl 解析url的请求参数的源码

    本文将深入探讨`purl`库如何解析URL的请求参数,并通过源码分析来理解其工作原理。 首先,让我们了解一下URL的基本结构。一个标准的URL(统一资源定位符)通常由以下几个部分组成:协议(如http或https)、域名、...

    Express获取get和post传过来的参数

    在Node.js环境中,Express是一个非常流行的web开发框架,它简化了构建RESTful API和服务的过程。在Express中,处理HTTP请求是核心功能之一,包括GET和POST两种常见的HTTP方法。本篇将详细介绍如何在Express中获取这...

    ajax请求后台接口数据与返回值处理js的实例讲解

    本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...

    基于js的api文档可以在线请求接口

    本文将深入探讨一个基于JavaScript的API文档工具,该工具允许用户在线请求接口,极大地简化了接口文档的编写和测试流程。这种工具的轻量化、便捷性是其主要优点。 首先,我们要理解“基于js的api文档可以在线请求...

    为jquery的ajax请求添加超时timeout时间的操作方法

    jQuery作为一个广泛使用的JavaScript库,简化了从客户端到服务器的数据交互,而Ajax超时的设置则是保证请求响应时效性的重要手段。当客户端向服务器发送Ajax请求时,如果服务器没有在合理的时间内响应,就会造成用户...

    vue+axios全局添加请求头和参数操作

    在开发Web应用时,尤其是使用Vue.js框架与后端API进行交互时,通常需要在每次请求中传递身份验证令牌(Token)。Vue+Axios的组合提供了便捷的方式来全局添加请求头和参数,确保每次请求都能携带必要的认证信息。本文...

    ajax的js,jq jsonp,的请求方式

    jQuery是一个流行的JavaScript库,它简化了Ajax操作。使用jQuery,你可以通过`.ajax()`方法发起Ajax请求。例如: ```javascript $.ajax({ url: 'your-url', type: 'GET' | 'POST', dataType: 'json' | 'xml' | '...

    Node.js-deft-request是一个轻量级的Javascript浏览器请求框架

    Node.js的deft-request框架是JavaScript开发者在进行浏览器端HTTP请求时的一个理想选择,尤其适合那些寻求轻量级解决方案的项目。这个框架以其强大的功能和易用性脱颖而出,旨在简化和统一不同类型的网络请求,包括...

    浅析jQuery Ajax请求参数和返回数据的处理

    ### jQuery Ajax请求参数和返回数据处理知识点 #### jQuery Ajax基础知识 jQuery Ajax是基于JavaScript的异步请求技术,允许浏览器在不刷新页面的情况下从服务器获取数据或向服务器发送数据。在jQuery中,有多种...

    UniApp中封装request网络请求包含GET、POST、PUT、DELETE等

    通过这样的封装,我们可以极大地简化网络请求的代码,提高代码的可读性和维护性,同时也使得网络请求的逻辑更易于管理和测试。对于uni-app这样的跨平台框架,这样的封装尤其重要,因为它能确保在不同平台上保持一致...

    Http模拟请求工具

    6. **请求头与参数**:在模拟请求时,用户可以设置请求头,包括但不限于Content-Type(定义数据类型,如application/json)、Authorization(用于身份验证的令牌)等,以及请求参数,这些都能影响服务器的响应。...

    Vue中 axios delete请求参数操作

    在处理数组作为参数时,有时会出现问题,特别是在将数组作为单一请求参数传递时。如果直接传递,后端可能无法正确解析。为了解决这个问题,你可以尝试使用`JSON.stringify()`转换数组为字符串,但这样会在字符串中...

    axios 作用 axios主要是用于向后台发起请求的 常用的请求有哪些?

    Axios是一个非常强大的工具,可以极大地简化HTTP请求的过程。通过了解其基本概念、常用请求方法及状态码,开发者能够更加高效地进行网络请求处理。同时,通过示例代码的学习,可以更快地掌握Axios的使用方法,提高...

    利用jquery的易扩展特性简化JS的开发

    在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。本文将深入探讨如何利用jQuery的易扩展特性来优化和简化JavaScript的开发工作。 首先,jQuery的核心...

    网络请求模拟工具postman mac环境

    Postman不仅能够发送各种HTTP请求,如GET、POST、PUT等,还支持设置请求头、查询参数、请求体,以及处理响应数据,是进行RESTful API开发和测试的得力助手。 首先,Postman的界面简洁易用,分为多个部分:收藏夹、...

    一个完整的jquery+ajax传送请求的实例

    总结来说,这个jQuery+AJAX的实例展示了如何利用jQuery的$.ajax方法进行异步数据请求,包括设置请求参数、处理返回数据和异常情况。在实际开发中,我们需要根据项目需求灵活运用这些技巧,以实现高效、友好的前端...

    jquery异步方式请求

    jQuery的异步请求主要通过`$.ajax()`方法实现,但为了简化API调用,jQuery还提供了`$.get()`, `$.post()`, `$.getJSON()`等更便捷的方法。这些方法可以发送HTTP GET或POST请求,接收JSON、XML或HTML格式的数据,并...

Global site tag (gtag.js) - Google Analytics