1. 程式人生 > >JQuery+ajax+jsonp(跨域)+JQGrid之動態切換JQGrid中資料

JQuery+ajax+jsonp(跨域)+JQGrid之動態切換JQGrid中資料

 
//登入伺服器SSO使用者當前使用情況
$(document).ready(
var SERVER_SSO_PATH = 'http://localhost:8080/sso'; 
var actionPath1="/currentUserInfo.action";
   $.ajax({
        url:SERVER_SSO_PATH+actionPath1,
           type:"get",
        async:false,
        dataType:"jsonp",
        jsonp:"callback",
        success:function(data){
          jQuery("#list").jqGrid({
       data: data.info,
       datatype: "local",
       height: 450,
       rowNum: 100,
       rowList: [100,200,300],
          colNames:['sessionId','username','ip','time', 'url'],
          colModel:[
           {name:'id',index:'userid', width:150, align:"center",sorttype:"text",hidden:true},
           {name:'username',index:'username', width:150, align:"center", sorttype:"text"},
           {name:'ip',index:'ip', width:150, align:"center",sorttype:"text"},
           {name:'opTime',index:'opTime', width:220, align:"center", sorttype:"datetime"},
           {name:'url',index:'url', width:620, align:"left",sorttype:"text"}
          ],
          pager: "#pager",
          viewrecords: true,
          caption: "登入伺服器-使用者訪問資訊"
      });
     
      jQuery("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false});
        },
        error:function(){
         $("#info").html("登入伺服器獲取使用者訪問資訊資料時網路連接出現問題,</br>請稍後重試!");
         $('#box1').show();
              $("#box2").show();
        }
   });
});

相關推薦

JQuery+ajax+jsonp+JQGrid動態切換JQGrid資料

 //登入伺服器SSO使用者當前使用情況 $(document).ready( var SERVER_SSO_PATH = 'http://localhost:8080/sso'; var actionPath1="/currentUserInfo.action"; $.ajax({

JavaScriptjsonp請求

ajax中的jsonp跨域請求,固定格式,然後就可以了。為什麼卻沒有深入的理解過。讀了相關資料,將總結寫到這裡。 何為JSONP? JSONP(JSON width padding)是一種不成文的協議,允許服務端將script tags 返回到客戶端,使用JavaScr

ajax jsonp請求

watch data doc use next edi 名稱 write all 1.頁面ajax的請求 $.ajax({   async: false,   url: ‘http://localhost:8080/downloadVideos‘,//

ajax jsonP 解決問題

跨域 ntb clas innerhtml else 標題 跨域問題 inner win <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

JQuery - Ajax和Tomcat請求問題解決方法!

頁面 解析json turn 圖片 fault $.ajax action 配置 span 在JQuery裏面使用Ajax和Tomcat服務器之間進行數據交互,遇到了跨域請求問題,無法成功得到想要的數據! 錯誤信息部分截圖: 通過錯誤信息判斷知道已經發生在Ajax跨域請求

ssm+Jquery+Ajax+pagehelper後端

/** *前提條件需要下載 page.jar包然後build Path 到工程中 */ /** *實體類 *新增一個vo類 繼承原有的實體類(當然下面的幾個屬性也可以新增到原有的實體類中) */ public class Uservo extends User{

Jquery Ajax實現CORE請求

在我們使用ajax請求,如果是跨域的話會報以下瀏覽器錯,你應該對下面出現在瀏覽器控制檯裡的錯誤很熟悉。如果你沒見過,那隻能說明你還年輕 Failed to load https://example.com/: No ‘Access-Control-Allow-O

PHP AJAX JSONP實現請求

HTML頁面 $.ajax({ type : "post", url : "ajax.php", dataType : "jsonp", jsonp:

js和jquery使用jsonp解決

跨域 理解跨域首先必須要了解同源策略。同源策略是瀏覽器上為安全性考慮實施的非常重要的安全策略。 何謂同源: URL由協議、域名、埠和路徑組成,如果兩個URL的協議、域名和埠相同,則表示他們同源。 由於同源策略,而且隨著網際網

jQuery使用JSONP實現獲取資料的三種方法詳解

本文例項講述了jQuery使用JSONP實現跨域獲取資料的三種方法。分享給大家供大家參考,具體如下: 第一種方法是在ajax函式中設定dataType為'jsonp' $.ajax({ dataType: 'jsonp', url: 'http://www.a

如何使用jQueryjsonp解決問題

1.關於jsonp為什麼能解決跨域問題可網上自行搜尋。 此處給兩個個我認為寫的比較明白的部落格 http://www.cnblogs.com/lemontea/archive/2012/12/11/2812268.html http://www.nowamagic.net/

前後端分離sessionid不一致Safari瀏覽器解決方案不能保持會話或者不能儲存cookie

對於前後端分離的專案或者單點登入的系統後臺需要做session會話校驗或者cookie跨域儲存,Safari瀏覽器可能會遇到無法儲存cookie的時候,解決方案如下:PC端Safari瀏覽器需要設定 偏好設定-> Safari -> 阻止Cookie ->

Spring boot解決CORS請求(基於spring MVC 4.0以上版本)。

一、前言   昨天晚上臨近下班之前,公司前端同事突然跟我說,他從前端傳送的請求,方法變成了OPTIONS,我看到他的程式碼裡明明也寫著的是POST請求,可是為什麼會變成了OPTIONS請求,而且返回的http狀態碼也是200,但是沒有任何資料的返回,這就表明請求根本沒有進入到

解決 ionic 的 CORS 問題

緣起ionic社群裡的(ionic serve)時的跨域問題,有人在這裡翻譯了一篇文章,洋洋灑灑,從理論到實際,說的都很好。 不過有人在底下的評論裡說的更加到位: 搜尋了一下,果然啊,方便啊 不過還是要說一下在伺服器上的配置,如此能夠做到使ionic當作純web

問題相關知識詳解原生js和jquery兩種方法實現jsonp

syn con 加載 developer 兩種方法 ray exe 編寫 分組 1、同源策略 同源策略(Same origin policy),它是由Netscape提出的一個著名的安全策略。同源策略是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽

【JavaScript】通過封裝自己的JSONP解決瀏覽器的問題Ajax

問題引出:要傳送Ajax請求,就必須使用HTTP請求?什麼是跨域問題? 什麼是跨域問題:如果兩個頁面中的協議、域名、埠、子域名任意有一項不同,兩者之間所進行的訪問行動就是跨域的,而瀏覽器為了安全問題一

jQuery-JSONP 外掛呼叫功能Uncaught SyntaxError: Unexpected token : 出錯原因解釋

外掛介紹:眾所周知,使用ajax直接發起請求存在跨域無許可權訪問的問題,這時候,需要使用jsonp協議(非官方的協議)處理,jQuery中的$.ajax方法也直接支援使用該協議進行跨域訪問。下面首先介紹使用jQuery的$.ajax方法進行跨域訪問,然後再介紹使用其它jQ

jQuery傳送ajax請求,PHP響應ajax請求

不跨域: echo.html <!doctype html> <html lang="en"> <html> <head> <meta charset="UTF-8"> <ti

ajax完美解決問題jsonp、nginx反向代理

做過web前端人都知道,經常會有ajax跨域問題,下面列舉我經常使用的解決辦法 第一種:使用jsonp,jquery的ajax方法支援jsonp,但是最大的缺點就是隻支援get方式,而且服務端也要修

JSajax、iframe解決方法及原理詳解jsonp

這裡說的js跨域是指通過js在不同的域之間進行資料傳輸或通訊,比如用ajax向一個不同的域請求資料,或者通過js獲取頁面中不同域的框架中(iframe)的資料。只要協議、域名、埠有任何一個不同,都被當作是不同的域。 下表給出了相對http://store.company.com/dir/page.htm