jquery_ajax.js

//------------------------------------jquery中的ajax写法总结------------------------------------------------------//
//注意事项：ajax的提交分为get方法和post方法，两种方法都可以带数据，get带数据的方法可以拼接在url上，不过一般我们习惯性，
//get请求数据，post带数据提交（一般用作表单提交），ajax重要是与后端数据交互，所以需要给后端定好接口以及穿参，
//ajax作为页面无刷新提交方式被广泛运用，jquery的ajax用法简单好用，
//处理流程: 前端发起请求（get或post）-->后端对前端的数据进行处理(返回json数据)-->前端接受数据并解析（渲染页面）
//使用ajax处理接口的时候当用到字符串拼接处理页面的时候，尽量不要使用`来解决字符串过长的问题，特别是在手机浏览器中，
//浏览器可能不认识`符号，尽量使用''+''这种拼接方法。如
// ``方法：  
    str=`
      
 
        
  
      
 
    `
//''方法（兼容写法）：
    str='
 
  '
       +'
  '
       +'
 ' 
//jq_ajax异步操作可以将变量赋值为全局变量//async:false可以将ajax的返回值变为全局变量
//前提需要在全局声明变量
//--------------------------------处理数据的时候一定要逻辑清晰（注意兼容）---------------------------------------------//
//get:
$.ajax({
    url:"{:U('Mobile/Payment4/order')}",
    type:'get',
    dataType:'json',
    success:function(res){

    },
    error:function(){

    }
});

//post:
$.ajax({
    url:"{:U('Mobile/Payment4/order')}",
    type:'post',
    dataType:'json',
    data:{money:money},
    success:function(res){

    },
    error:function(){

    }
});
//ajax提交表单：使用数据流（上传图片时用：）
function btnsubmit(){
    var fd = new FormData($('#form')[0]);
    console.log(fd)
    $.ajax({
      url:"{:U('Admin/Task/addtask')}",
      type:'post',
      dataType:'json',
      data:fd,
      processData: false,
      contentType: false,
      success:function(res){
        console.log(res)
      }
    });
}

//ajax处理数据流程：
//任务分类接口处理
    $.ajax({
      type : "get",
      url:"{:U('Admin/Task/task_category')}",
      dataType:'json',
      success: function(res){
        var str = '';
        if(res.data){
          for(var i=0; i
 
  '+res.data[i].category_name+" ";             
          }
          $('#type_id').html(str);
       }
    }
});

//多层数据接口处理
    $(function(){
      $.ajax({
        type : "post",
        url:"/index.php/Admin/Task/settask",
        dataType: "json",
        data : {task_id:GetQueryString('task_id')},
        success: function(res){
          var task = '' ,tasklist='';
          if(res.data){
            for(var i=0; i
   
    `+res.data[i].task[j].task_desc+`  `; }; task += `  
   `+res.data[i].category_name+` 
   全选     
   

    `+tasklist+`  
   
  `; } $('#settask').html(task); } } }); }) 附加：ajax的常用参数补充： timeout: 10000, // 超时时间 10 秒 dataType:"xml", //获取数据格式 headers: { //设置请求头 'Access-Token':$.cookie('access_token') },