JQuery Ajax跨域調(diào)用和非跨域調(diào)用問題實(shí)例分析

發(fā)布時(shí)間：2020-10-14 14:30:24 來源：腳本之家閱讀：198 作者：Zhihua_W 欄目：web開發(fā)

本文實(shí)例講述了JQuery Ajax跨域調(diào)用和非跨域調(diào)用問題。分享給大家供大家參考，具體如下：

現(xiàn)在的互聯(lián)網(wǎng)技術(shù)發(fā)展的越來越快，我們在開發(fā)過程中遇到的問題也越來越多。比如當(dāng)我們需要進(jìn)行跨域訪問數(shù)據(jù)的時(shí)候該如何進(jìn)行開發(fā)？本篇博文就記述如何使用Ajax進(jìn)行跨域訪問調(diào)用數(shù)據(jù)。

1、非跨域調(diào)用

我們用到的最多是這樣的方式，也就是非跨域的進(jìn)行訪問，只是簡單的在我們的網(wǎng)頁中進(jìn)行Ajax使用即可。如下面代碼：

/**
* 非跨域請求方式
*/
function feikuayu() {
    $.ajax({
      type: "post",
      url: platformUrl + "/security/modifyPwd",
      data: $('#updatepwdform').serialize(),
      dataType: "json",
      success: function (data) {
        $("#updatepwd_btn").click();
        $.toast("修改成功，系統(tǒng)即將退出，請重新登錄", 1500);
      },
      error: function () {
        $.toast("網(wǎng)絡(luò)異常", 1500);
      }
    });
}

2、跨域請求

在我們進(jìn)行跨域請求時(shí)需要改變ajax固定參數(shù)：

dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",

且后臺(tái)返回的數(shù)據(jù)格式必須是：jsonpCallbackFun（json數(shù)據(jù)）; 這里的jsonpCallbackFun是你自定義的回調(diào)函數(shù)方法名。

代碼如下：

/**
* 跨域請求方式
*/
function kuayu() {
    $.ajax({
      type: "post",
      url: platformUrl + "/security/modifyPwd",
      data: params,
      dataType: "jsonp",
      crossDomain: true,
      jsonpCallback: "jsonpCallbackFun",
      jsonp: "callback",
      success: function (data) {
        if (data.result == 1) {
          $("#updatepwd_btn").click();
          $.toast("修改成功，系統(tǒng)即將退出，請重新登錄", 1500);
          setTimeout("logout()", 1600);
        } else if (data.result == 2) {
          $.toast(data.msg, 1500);
        } else {
          $.toast("修改失敗", 1500);
        }
      },
      error: function () {
        $.toast("網(wǎng)絡(luò)異常", 1500);
      }
    });
}

這樣即可跨域請求了！

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

向AI問一下細(xì)節(jié)

JQuery Ajax跨域調(diào)用和非跨域調(diào)用問題實(shí)例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽