• JQuery ajax


    $.ajax({
    		url:'findUser2.do',
    		async: 'true',
    		type:'GET',
    		dataType:'json',// 说明返回的数据是json格式
    		success:function(data){
    		$.each(data,function(idx,item){ 
    		  if(idx==0){ 
    		  return true;//同countinue,返回false同break 
    		  } 
    		  alert(item.user_nam);
    		  }); 
    		}
    	});
    

      以上的data格式为

    [{"user_nam":"张三","user_pwd":null,"dattim":"20160101","user_id":"1001"},{"user_nam":"李四","user_pwd":null
    ,"dattim":"20160101","user_id":"1002"}]
    

     

    $.ajax({
                url:'/user/addUser',
                type:'post',
                data:{//请求的参数是json格式
                	'USER_ID':USER_ID,
                	'USER_NAM':USER_NAM,
                	'USER_PWD':USER_PWD,
                	'USER_AREA':USER_AREA,
                	'DESC_INF':DESC_INF,
                	'USER_TEL':USER_TEL,
                	'USER_EMAIL':USER_EMAIL
                },
                dataType:'json',//说明返回的数据是json
                success:function(data){
                alert(data['respCode']);
                },
                error:function(data){
                			
                }
        });
    

    以上success : function(data)     data 的格式     {"respCode":"00000","respMsg":"成功"}

     //3.$.ajax拼接url的异步请求
     var yz=$.ajax({  
          type:'post',  
          url:'userAction?username='+username,  
          data:{
    
          },  
          cache:false,  
          dataType:'json',  
          success:function(data){  
             
          },  
          error:function(){
    
          }  
     });     
    

      

    一、$.ajax的一般格式
    
    $.ajax({
         type: 'POST', //提交的方式”post“ ”get“
         url: url ,
         data: data ,       //一般是键值对 或 json
         success: success ,
         dataType: dataType    //返回数据的格式
    });
    

      

    二、$.ajax的参数描述
    	
            
    参数 描述
    url
    必需。规定把请求发送到哪个 URL。
    data
    可选。映射或字符串值。规定连同请求发送到服务器的数据。
    success(data, textStatus, jqXHR)
    可选。请求成功时执行的回调函数。
    dataType	
    可选。规定预期的服务器响应的数据类型。
    
    默认执行智能判断(xml、json、script 或 html)。

     ajax 使用 serialize()   ,对于select ,checkbox 等 都 起作用 非常方便。   serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。

     1 $.ajax({
     2         type:"POST",
     3         url: "/adsadmin/offer/addOffer",
     4         dataType:"json",       
     5         data: $("#myForm").serialize(),  //  
     6         success: function(data) {
     7             window.location = "frame.html?goto=show-offer";
     8         },
     9         error: function(XMLHttpRequest,
    10                 textStatus, errorThrown) {
    11             alert(errorThrown);
    12         }
    13     });

     使用$.post()、$.get()和$.getJSON()也是一样的

    $.post('url', $("form").serialize(), function(data) {
             
        }
    });
    
    $.get('url', $("form").serialize(), function(data) {
        
        }
    });
    
    $.getJSON(' url', $("form").serialize(), function(data) {
            
        }
    });
    

    getJSON   , 参数url后面拼接

    1 $.getJSON(url, function(data){
    2         
    3  });

    主意:

    1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

    2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

     作者原创转载请说明:http://www.cnblogs.com/c9999/p/5445285.html

     

  • 相关阅读:
    c++ 函数
    c++ 数字
    c++语句(判断)
    十九、夜间模式的开启与关闭,父模板的制作
    二十、开始Flask项目
    十八、完成登录与注册页面的前端
    十七、JavaScript 基础,登录前端验证
    CSS实例:图片导航块
    十五、导航,头部,CSS基础
    十四、web基础,用html元素制作web页面
  • 原文地址:https://www.cnblogs.com/c9999/p/5445285.html
Copyright © 2020-2023  润新知