美文网首页技术分享
load()和getScript()

load()和getScript()

作者: wangyujie1207 | 来源:发表于2017-07-17 09:48 被阅读0次

    载入静态页面

    load( url, [data], [callback] );

    url (String) 请求的HTML页的URL地址

    data (Map)(可选参数) 发送至服务器的 key/value 数据

    callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数

    load()方法可以轻松载入静态页面内容到指定jQuery对象。

    $('#ajax-div').load('data.html');

    这样,data.html的内容将被载入到ID为ajax-div的DOM对象之内。你甚至可以通过制定ID来实现载入部分内容的Ajax操作,如:

    $('#ajax-div').load('data.html#my-section');

    实现GET和POST方法

    get( url, [data], [callback] )

    url (String) 发送请求的URL地址.

    data (Map)(可选参数) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中

    callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)

    很显然这是一个专门实现GET方式的函数,使用起来也相当的简单

    $.get('login.jsp', {

    id      : 'Robin',

    password: '123456',

    gate    : 'index'

    }, function(data, status) {

    //data为返回对象,status为请求的状态

    alert(data);

    //此时假设服务器脚本会返回一段文字"你好,Robin!",

    那么浏览器就会弹出对话框显示该段文字

    alert(status);

    //结果为success, error等等,但这里是成功时才能运行的函数

    });

    post( url, [data], [callback], [type] )

    url (String) 发送请求的URL地址.

    data (Map)(可选参数) 要发送给服务器的数据,以 Key/value 的键值对形式表示

    callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)

    type (String) (可选参数) 请求数据的类型,xml,text,json等

    同样是jQuery提供的一个简便函数,其实用法

    $.post('regsiter.jsp', {

    id:'Robin',

    password: '123456',

    type:'user'

    },function(data, status) {

    alert(data);

    }, "json");

    事件驱动的脚本载入函数:getScript()

    getScript( url, [callback] )

    url (String) 待载入 JS 文件地址

    callback (Function) (可选) 成功载入后回调函数

    getScript()函数可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件(神奇……?!)。这个函数的意义是巨大 的,它可以很大程度的缩减页面初次载入的代码量,因为你可以根据用户的交互来载入相应的JS文件,而不必在页面初始化的时候全部载入。

    $.getScript('ajaxEvent.js', function() {

    alert("Scripts Loaded!");

    //载入ajaxEvent.js,并且在成功载入后显示对话框提示。

    });

    相关文章

      网友评论

        本文标题:load()和getScript()

        本文链接:https://www.haomeiwen.com/subject/uhlfkxtx.html