jquery:ajax

ajax的属性和使用方法:

属性名称

值/描述

async

布尔值,表示是否异步,默认true

type

请求类型(get/post)

url

请求地址,默认当前页面

data

发送到服务器的数据

datatype

服务器响应的数据类型

beforesend(xhr)

发送请求前运行的函数

error(xhr,status,error)

请求失败运行的函数

success(result,status,xhr)

请求成功运行的函数

complete(xhr,status)

请求完成时运行的函数(请求成功和失败后都调用)

方法

写法

ajax

$.ajax({type,url,datatype,success})

post

$.post(url,data,fn)或$.post(···)

get

$.get(url,fn)


post方法和get方法的区别:

  1. post:向一个服务器提交数据【存数据】

  1. get:向一个服务器请求数据【取数据】

下边两种方式等价【一种简写,一种标准】

$.get("http://192.168.95.42:9090/api/setmeal/list",function(data){
     //JSON.stringify序列化,将js对象转化为json对象
     $("div").html(JSON.stringify(data));
})
$.ajax({
      type:"get",
      dataType:"json",
      url:"work.json",
      success:function(data){
            //JSON.stringify序列化,将js对象转化为json对象
           $("div").html(JSON.stringify(data));
      }
})

可以看看我的ajax原生js的文章,对ajax的理解更加透彻http://t.csdn.cn/HAGC0

你可能感兴趣的:(jquery,jquery,前端,javascript)