欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > javascript >内容正文

javascript

034_jQuery Ajax的getJSON和getScript方法

发布时间：2025/4/17 javascript 68 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。