js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么

一、总结

一句话总结：$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件（远程或本地）

1、jquery中的ajax如何调用一个js文件并执行？

$.getScript()带第一个参数url即可

19         $('#btn').click(function(){

20             $.getScript("test.js",function(response,status){

21                 //alert('JS文件加载成功')

22                 alert(response+status)

23             })

24         })

2、$.getScript()如何使用（语法）？

其实一般使用第一个参数url就够了

$.getScript(url,function(response,status))

getScript()通过HTTP GET请求载入并执行javaScript文件。

  1. 语法：$.getScript(url,function(response,status))
  2. response-包含来自请求的结果数据
  3. 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)

3、$.getJSON()如何使用（语法）？

其实一般使用第一个参数url就够了

.getJSON(url,data,success(data,status,xhr))

  1. ur必需。规定将请求发送的哪个URL.
  2. data可选。规定连同请求发送到服务器的数据。
  3. function(response,status,xhr)可选。规定当请求成功时运行的函数。

4、$.getScript()的使用场景是什么？

一个js文件里面有很多js代码，但是里面的函数只有一个是我在点击按钮的时候使用，那么直接把这个js加载进来效率不高，所以我们可以选择点击按钮的时候动态加载这个js文件，这里就用$.getScript()，远程的本地的js都行

二、$.getScript()和$.getJSON()方法的作用是什么

1、相关知识

$.getScript()和$.getJSON()方法

$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件

  • getScript()通过HTTP GET请求载入并执行javaScript文件。
    1. 语法：$.getScript(url,function(response,status))
    2. response-包含来自请求的结果数据
    3. 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)
  • .getJSON(url,data,success(data,status,xhr))
    1. ur必需。规定将请求发送的哪个URL.
    2. data可选。规定连同请求发送到服务器的数据。
    3. function(response,status,xhr)可选。规定当请求成功时运行的函数。
 

2、代码

html

 <!DOCTYPE html>

 <html lang="en">

 <style>

 </style>

 <head>

     <meta charset="UTF-8">

     <title>演示文档</title>

     <script type="text/javascript" src="jquery-3.1.1.min.js"></script>

     <style type="text/css">

       </style>

 </style>

 </head>

 <body>

     <input type="button" id="btn" value="Ajax测试">

     <div id="test"></div>

 <script type="text/javascript">

     $(function(){

         /*

         $('#btn').click(function(){

             $.getScript("test.js",function(response,status){

                 //alert('JS文件加载成功')

                 alert(response+status)

             })

         })

         */

         $('#btn').click(function(){

             $.getJSON("test.json",function(response,status){

                 alert(response[0].name)

             })

         })

     })

 </script>

 </body>

 </html>

js

 $('#test').html('我是从服务器端加载进来的JS文件')

json

[

    {

        "name":"张三"

    }

]
 

js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么的更多相关文章

  1. js进阶 14 jquery的ajax有哪些函数和事件（多练）

    js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结 一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这 ...

  2. js进阶 14-4 $.get()方法和$.post()方法如何使用

    js进阶 14-4 $.get()方法和$.post()方法如何使用 一.总结 一句话总结:$.get(URL,callback); $.post(URL,data,callback); callba ...

  3. js进阶正则表达式11RegExp的属性和方法（RegExp的属性和方法，就是RegExp对象.(点)什么的形式）（正则表达式执行之前会被编译）

    js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译) 一.总结 1. RegExp的属性和方法,就是RegE ...

  4. js进阶 10-11/12 表单伪类选择器的作用

    js进阶 10-11  表单伪类选择器的作用 一.总结 一句话总结:能想到用伪类选择器来解决问题.如果能一次记住自然是最棒的. 1.表单伪类选择器分为哪两类? 表单元素和表单属性,表单元素例如inpu ...

  5. apply、bind、call方法的作用与区别

    js中call.apply.bind方法的作用和区别 1. call方法 作用:专门用于修改方法内部的 this 指向 格式:xxx.call( 对象名, 参数1, 参数2 , ...);.即:将 x ...

  6. jQuery ajax - getScript() 方法和getJSON方法

    实例 使用 AJAX 请求来获得 JSON 数据,并输出结果: $("button").click(function(){ $.getJSON("demo_ajax_js ...

  7. JQuery中的$.getScript()、$.getJson()和$.ajax()方法

    $.getScript() 有时候,在页面初次加载时就取得所需的全部JavaScript文件是完全没有必要的.虽然可以在需要哪个JavaScript文件时,动态地创建<script>标签, ...

  8. js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）

    js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结 一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提 ...

  9. js进阶 14-6 $.ajax()方法如何使用

    js进阶 14-6 $.ajax()方法如何使用 一.总结 一句话总结:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 1.$.ajax()的特点是什么( ...

随机推荐

  1. 学习《概率机器人》中英文PDF+Probabilistic Robotics

    研究机器人时,使机器人能够应对环境.传感器.执行机构.内部模型.近似算法等所带来的不确定性是必须面对的问题. <概率机器人>对概率机器人学这一新兴领域进行了全面的介绍.概率机器人学依赖统计 ...

  2. 2018上半年GitHub上最热门的开源项目

    关注GitHub的人都知道,这个平台上面有太多优秀的值得学习的开源项目了,这里总结了2018上半年GitHub上最热门的开源项目. 1: tensorflow https://github.com/t ...

  3. poj2243 &amp;&amp; hdu1372 Knight Moves（BFS）

    转载请注明出处:viewmode=contents">http://blog.csdn.net/u012860063?viewmode=contents 题目链接: POJ:http: ...

  4. Linux经常使用命令(十六) - whereis

    whereis命令仅仅能用于程序名的搜索(程序安装在哪?).并且仅仅搜索二进制文件(參数-b).man说明文件(參数-m)和源码文件(參数-s). 假设省略參数,则返回全部信息. 和find相比.wh ...

  5. Ajax核心对象——高速上手XmlHttpRequest

    引言: 非TGB的.直接跳过吧-- 从开学结束JQuery之后,计算机的进度停了一段时间.某天无聊的时候,又又一次把BS的东西拿过来看了看. 发现里面有非常多既熟悉又陌生的东西. 在学习王兴魁老师的A ...

  6. {head first} --- networking 3

    Chapter 10 无线网络 续 .. Chapter 11 网络安全 Chapter 12 设计网络 涉及到物理的设计网络布局等.我没细看. 附录

  7. Oracle-02-数据库概述

    一.数据库用途 用于存放数据的软件 当中Application server重要,将数据存在表中每一个表关系就能够反映不同表之间数据的关系,比方淘宝用户注冊.商品买卖等数据存在操作系统的目录中,不便于 ...

  8. Java 实现策略(Strategy)模式

    策略模式:行为型模式 将同一行为,不同的处理算法分别封装起来.让它们之间能够互相替换 1. 定义一个超类型接口,及 行为方法 2. 定义不同的实现类,实现该行为的 不同的算法 /** * 策略模式:针 ...

  9. 全面了解Linux下Proc文件系统

    全面了解Linux下Proc文件系统   Proc是一个虚拟文件系统,在Linux系统中它被挂载于/proc目录之上.Proc有多个功能 ,这其中包括用户可以通过它访问内核信息或用于排错,这其中一个非 ...

  10. Python爬虫之『urlopen』

    本文以爬取百度首页为示例来学习,python版本为python3.6.7,完整代码会在文章末附上 本次学习所用到的python框架:urllib.request 本次学习所用到的函数: urllib. ...