亲宝软件园·资讯

展开

ajax在js中和jQuery的用法 ajax在js中和jQuery中的用法实例详解

_Battle 人气:0
想了解ajax在js中和jQuery中的用法实例详解的相关内容吗,_Battle在本文为您仔细讲解ajax在js中和jQuery的用法的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:js,ajax请求,js中ajax,jquery,ajax请求,下面大家一起来学习吧。

原生 JS

怎么发送一个 get 请求

var xhr = new XMLHttpRequest()
xhr.open('get', '/ajax')
xhr.onload = function () {
  console.log(xhr.responseText)
}
xhr.send(null)

怎么发送一个 post 请求

var xhr = new XMLHttpRequest()
xhr.open('post', '/ajax')
xhr.onload = function () {
  console.log(xhr.responseText)
}
xhr.send(null)

发送一个带有参数的 get 请求

发送一个带有参数的 post 请求

var xhr = new XMLHttpRequest

不需要在请求地址后面拼接任何内容

xhr.onload = function () { console.log( xhr.responseText ) }

post 方式携带参数是直接写在 xhr.send() 后面的 () 里面

var xhr = new XMLHttpRequest()
xhr.open('post', '/ajax')
xhr.onload = function () {
  console.log(xhr.responseText)
}
xhr.setRequestHeadr('content-type', 'application/x-www-form-urlencoded')
xhr.send('key=value&key=value')
var fd = new FormData(document.querySelector('form'))
var xhr = new XMLHttpRequest()
xhr.open('post', '/ajax')
xhr.onload = function () {
  console.log(xhr.responseText)
}
xhr.send(fd)

jQuery

$.get 几个参数,怎么使用

地址

$.post 几个参数,怎么使用

$.ajax 几个参数,怎么使用

JSONP

$.ajax 怎么发送 jaonp 请求

$.ajax({
  url: '/jsonp',
  data: {},
  dataType: 'jsonp',
  jsonp: 'callback',
  success (res) {
    console.log(res)
  }
})

总结

加载全部内容

相关教程
猜你喜欢
用户评论