當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

034_jQuery Ajax的getJSON和getScript方法

發布時間：2025/4/17 javascript 51 豆豆

生活随笔收集整理的這篇文章主要介紹了 034_jQuery Ajax的getJSON和getScript方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. $.getJSON()方法

1.1. 通過HTTP GET請求載入JSON數據。

1.2. 語法

$.getJSON(url,data,function(response,textStatus,jqXHR))

1.3. 參數

1.4. 該函數是簡寫的Ajax函數, 等價于:

$.ajax({url: url,data: data,success: function(response,textStatus,jqXHR){},dataType: json });

2. getScript()方法

2.1. getScript()方法通過HTTP GET請求載入并執行JavaScript文件。

2.2. 語法

$.getScript(url, function(response,textStatus,jqXHR))

2.3. 參數

2.4. 該函數是簡寫的Ajax函數, 等價于:

$.ajax({url: url,dataType: "script",success: function(response,textStatus,jqXHR){} });

3. 例子

3.1. 新建一個名叫jQueryGetJSONScript的動態WEB工程

3.2. 新建index.html

<!DOCTYPE html> <html><head><title>jQuery-Ajax的getJSON()和getScript()方法</title><meta charset="utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$('#btn1').click(function(){$.getJSON('test.json','r='+Math.random()+'&time='+new Date().getTime(),function(response,textStatus,jqXHR){$("#result").text('code='+response.data.code+', info='+response.data.info+', msg='+response.data.msg);});});$('#btn2').click(function(){$.getScript('test.js',function(response,textStatus,jqXHR){$(this).html(response);});});});</script><style type="text/css">div {width: 450px;height: 100px;background-color: pink;}</style></head><body> <div id="result">結果區域</div><br /><button id="btn1">getJSON</button> <button id="btn2">getScript</button></body> </html>

3.3. 新建test.json

{"data": {"code": 1, "info": "success", "msg": "請求成功。"}}

3.4. 新建test.js

document.getElementById('result').innerHTML='我是服務器使用js返回的文本。';

3.5. 運行項目

總結

以上是生活随笔為你收集整理的034_jQuery Ajax的getJSON和getScript方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： 033_jQuery Ajax的ajax
下一篇： gradle idea java ssm