jQuery中的Ajax

(1)$ajax()方法

作用:发送ajax请求

$.ajax({
   // 请求方式
   type: 'get',
   // 请求地址
   url: 'http://localhost:3000/base',
   // 请求成功以后函数被调用
   success: function (response) {
      // response为服务器端返回的数据
      // 方法内部会自动将json字符串转换为json对象
      console.log(response);
   },
   // 请求失败以后函数被调用
   error: function (xhr) {
      console.log(xhr)
   }
})

作用:发送jsonp请求

.ajax({
   url: '/jsonp',
   // 向服务器端传递函数名字的参数名称
   jsonp: 'cb',
   jsonpCallback: 'fn',
   // 代表现在要发送的是jsonp请求
   dataType: 'jsonp'/*,
   success: function (response) {
      console.log(response)
   }*/
})

(3) $get() 和 $post()

作用:$.get方法用于发送get请求,$.post方法用于发送post请求。

 $.get('/base', 'name=zhangsan&age=30', function (response) {
     console.log(response)
 })

$.post('/base', function (response) {
   console.log(response)
})

你可能感兴趣的:(JavaScript,jQuery,ajax,js,jquery)