使用jQuery.ajaxPrefilter()处理统一请求根路径

jQuery.ajaxPrefilter()函数用于指定预先处理 Ajax 参数选项的回调函数。（可以理解为请求拦截器了，在请求前做一些事件处理）。

每次调用$.get()或$.post()或$.ajax()的时候，会先调用ajaxPrefilter()这个函数，在这个函数中，可以拿到我们给 Ajax 提供的配置对象：

$.ajaxPrefilter( function( options ) {
	console.log(options.url) // 获取出请求的地址
    //发起真正的 Ajax 请求之前，统一拼接请求的根路径
    options.url = '跟路径' + options.url
});

经过以上配置后，在进行$.get()或$.post()或$.ajax()的请求的时候，url 就可以不写跟路径了。

如下代码：

  // 监听登录表单的提交事件
  $('#form_login').submit(function(e) {
    // 阻止默认提交行为
    e.preventDefault()
    $.ajax({
      url: '/api/login', //这里就不用在写根路径了
      method: 'POST',
      // 快速获取表单中的数据
      data: $(this).serialize(),
      success: function(res) {
        if (res.status !== 0) {
          return layer.msg('登录失败！')
        }
        layer.msg('登录成功！')
        // 将登录成功得到的 token 字符串，保存到 localStorage 中
        localStorage.setItem('token', res.token)//token:令牌 
        // 跳转到后台主页
        location.href = '/index.html'
      }
    })
  })

以上就是使用jQuery.ajaxPrefilter()处理统一请求根路径方法，希望对大家用帮助。

以上关于使用jQuery.ajaxPrefilter()处理统一请求根路径的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。