zoukankan      html  css  js  c++  java
  • 使用ajax的几种方式

    1.$.ajax()发送一个get请求,数据返回为json

      $.ajax({
       
         type: "GET",
        
         url: "select",
       //ajax请求地址  
         dataType:'json',
        
         data: {id:1001},//也可以是字符串链接"id=1001",建议用对象
        
         success: function(data){
      
    
         if(data.message==="success"){
       }
         console.log("返回的数据: " + data );
       
         }
    
    });


    2.$.ajax()发送一个post请求,数据返回为json

     $.ajax({
        
        type: "POST",
        
        url: "add",
        
        dataType:'json',
        
        data: {name:"张三",sex:1},//也可以是字符串链接"name=张三&sex=1",建议用对象
        
        success: function(data){
            //实际操作的时候,返回的json对象中可能会有成功错误的判断标记,所以可能也需要判断一下
            
        console.log("返回的数据: " + data );
        
        }
    
    });

    3.$.ajax()经常用到的一个工具函数

     ajax提交数据的时候,通常是提交一个表单,所以,序列化表单数据就非常有用,如:$("form").serialize()

     $("form").on("submit",function(){
            
        var url = this.action;   //可以直接取到表单的action
            
        var formData = $(this).serialize();
            
        $.post(url,formData,
           //$.ajax() post方法简写形式,$.post("请求url","发送的数据对象","成功回调","返回数据类型");  
            function(data){
             //返回成功,可以做一个其他事情
                    
              console.log(data);
              },
              'json');//返回的数据类型
            
        //阻止表单默认提交行为
            
        return false
        
    })


    4. $.ajax() GET方法和POST方法的简写

    $.get(
        "url",
        {userID:"123"},
        function(response) {
            //回调函数方法体
        }
    )
    
    
    $.post(
        "url",
        {userID:"123"},
        function(response) {
            //回调函数方法体
        }
    )
  • 相关阅读:
    494 Target Sum 目标和
    493 Reverse Pairs 翻转对
    492 Construct the Rectangle 构建矩形
    491 Increasing Subsequences 递增子序列
    488 Zuma Game 祖玛游戏
    486 Predict the Winner 预测赢家
    485 Max Consecutive Ones 最大连续1的个数
    483 Smallest Good Base
    Django Form组件
    Django Auth组件
  • 原文地址:https://www.cnblogs.com/hunmeng/p/11061805.html
Copyright © 2011-2022 走看看