首页
学习
活动
专区
圈层
工具
发布

JavaScript学习笔记(五)——Ajax

加载异步数据 全局函数getJSON() 全局函数getScript() 可以通过getScript动态载入脚本,即在网页初始化时只要载入必要文件,其他的用的时候再载入。...请求服务器数据 $.get() jQuery.get(url [,data] [,callback] [,type]); url为必选参数,指定了URL的地址 data为可选参数,指定了要发送给服务器端的数据...callback也是可选参数,回调函数 type可选参数,指定了返回内容的形式,默认为HTML形式 $.post() jQuery.post(url [,data] [,callback] [,type...]); 参数同get serialize()序列化表单 在jQuery中,可以使用serialize函数将表单数据序列化为键值对,创建url编码文本字符串进行提交。...ajaxSubmit() 适用于以事件机制提交表单,如通过超链接、图片的click事件等提交表单。使用时只需要指定表单的action属性即可,不需要提供submit按钮。

2.8K10

看不完的那种!前端170面试题+答案学习整理(良心制作)

24.jquery中的deferred的功能 实现链式操作 指定同一操作的多个回调函数 为多个操作指定回调函数 提供普通操作的回调函数接口 25.什么是deferred对象 开发网站过程中,会遇到某些耗时很长的...可以为它们指定回调函数callback,就是事先规定,一旦运行结束,调用那些函数,但是,在回调函数方面,jquery的功能非常弱,为了改变这一点,jquery开发设计了deferred对象。...30. jquery中如何将一个jquery对象转化为dom对象 jquery对象是一个数据对象, 可以用[index]的方法来得到相应的dom对象 var $v = $('#v'); // jquery...(),.get(),.post(),如果需要设定beforeSend提交前回调函数,error失败后处理,success成功后处理以及complete请求完成后处理回调函数等,要使用 65.页面导入样式时...设置async属性,异步加载脚本。 创建script标签,并插入DOM中,页面渲染完成后,执行回调函数。

13.1K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【JavaWeb】84:jQuery框架

    代码实现的功能也很简单: 给div标签添加了一个内容:“刘小爱”;给a便签添加了一个超链接。 也就是昨天刚学的DOM编程,其中涉及到getElementById()方法的使用。...这两种方法其实是一回事,说白了其底层封装的时候就是“,用代替了jQuery这个方法名。 三、jQuery与js之间的转换 jQuery对象和js对象之间是可以互相转换的。...②jQuery对象转换成js对象 通过jQuery("#myDiv1")获取的就是jQuery对象,这不用多说。 那如何将其转换成js对象?...③js对象转换成jQuery对象 通过document.getElementById("myDiv2")获取的也就是js对象,这不用多说。 那如何将js对象转换成jQuery对象?...如果是使用js方式的加载事件,那么后面的加载事件会覆盖掉前面的加载事件。 所以运行结果第一个div标签的内容才没有被修改。 ②jQuery方式的加载事件 其格式为:$(function(){})。

    3.2K10

    前端必知的ajax

    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。...如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。 success Function 请求成功后回调函数。

    4.2K40

    Ajax 学习总结

    ), 2(已经加载), 3(交互中), 4(已经完成)      3. responseText -- -- 服务器的响应,表示为一个串     4. responseXML -- -- 服务器的响应,...当远程程序未知时 XML 文档是首选 三、案例再实现(使用 JQuery 实现)   案例效果如上,只是实现方式为 JQuery   3.1 JQuery 中 Ajax 的 API     1. load...对于必须在完成加载才可以继续的操作,load() 方法提供了回调函数,该函数有三个参数,代表请求返回内容的 data,代表请求状态的 textStatus 对象和 XMLHttpRequest 对象     ...4. $.get(url, args, function)  -- -- 使用 get 方式进行异步请求,data 代表返回的内容可以是 XML、Html、JSON 等数据格式;args 为 JSON...格式的传递参数;响应结束时触发回调函数,其响应结果在函数参数中     5. $.getJSON() -- -- 对于 JSON 传输格式直接使用该方法,参数和 $.get() 方法一样   3.2 HTML

    1.9K70

    jQuery ajax() 方法

    jQuery.get() 使用 HTTP GET 请求从服务器加载数据。 jQuery.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码数据。...当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。...如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。 success Function 请求成功后回调函数。

    4.4K60

    JavaScript类库---JQuery(二)

    ()、jQuery.getJSON()、$.get() 、 $.post(); load():是一个方法,向它传入一个URL,它会异步加载该URL的内容,然后将内容插入到选中的元素中,去替换已存在的内容...,如是数据对象,则会被转化为一个用&分隔的k-v对后发送POST请求;另一个可选参数是回调函数,此函数有三个参数:被加载url的文本,状态码字符串(success、notmodified、error、timeout...、parsererror)、加载url的XMLHttpRequest对象; $.getScript():加载js代码文件;第一个参数是js文件的url(可跨域),可选的第二个参数是回调函数,形如:jQuery.getScript...所以必须传入回调函数作为参数,否则没有意义; jQuery.get()与jQuery.post()方法通常都由下面的这个函数实现: $.ajax():  jQuery的所有Ajax工具都会调用此函数,其仅接收一个参数...false.可以阻塞当前进程直到响应,等同于同步请求; }); //设置ajax请求地址与回调函数 $.ajax({ type:'GET', //HTTP请求方法,默认GET 其他有POST DELETE

    1.9K10

    PHP采集工具之Querylist

    ('img')->attrs('src');//打印结果print_r($data->all());//采集某页面所有的超链接和超链接文本内容//可以先手动获取要采集的页面源码$html = file_get_contents...img')->attrs('src');//打印结果print_r($data->all());// 采集该页面文章列表中所有[文章]的超链接和超链接文本内容$data = QueryList::get...php/** * 下面来完整的演示采集一篇文章页的文章标题、发布日期和文章内容并实现图片本地化 */ //引入自动加载文件require 'vendor/autoload.php';use QL\QueryList...($page)->rules($reg)->range($rang)->query();$data = $ql->getData(function($item){ //利用回调函数下载文章中的图片并替换图片路径为本地路径...data = $ql->find('span')->texts();print_r($data->all());只需要简单的配置采集规则.这样就简简单单的完成了一些采集,无需写复杂的正则表达式,如果你有jquery

    2.4K30

    PHP采集工具之Querylist

    ->find('img')->attrs('src'); //打印结果 print_r($data->all()); //采集某页面所有的超链接和超链接文本内容 //可以先手动获取要采集的页面源码 $...img')->attrs('src'); //打印结果 print_r($data->all()); // 采集该页面文章列表中所有[文章]的超链接和超链接文本内容 $data = QueryList...php /** * 下面来完整的演示采集一篇文章页的文章标题、发布日期和文章内容并实现图片本地化 */ //引入自动加载文件 require 'vendor/autoload.php'; use...>getData(function($item){ //利用回调函数下载文章中的图片并替换图片路径为本地路径 //使用本例请确保当前目录下有image文件夹,并有写入权限 $content...data = $ql->find('span')->texts(); print_r($data->all()); 只需要简单的配置采集规则.这样就简简单单的完成了一些采集,无需写复杂的正则表达式,如果你有jquery

    1.5K51

    jQuery 教程

    的 HTTP GET 请求从服务器加载数据 $.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码的数据 $.getScript() 使用 AJAX 的 HTTP GET 请求从服务器加载并执行...方法 描述 $.Callbacks() 一个多用途的回调列表对象,用来管理回调函数列表 callbacks.add() 在回调列表中添加一个回调或回调的集合 callbacks.disable() 禁用回调列表中的回调函数...() 确定回调是否至少已经调用一次 callbacks.firewith() 给定的上下文和参数访问列表中的所有回调 callbacks.has() 判断回调列表中是否添加过某回调函数 callbacks.lock...() 锁定当前状态的回调列表 callbacks.locked() 判断回调列表是否被锁定 callbacks.remove() 从回调列表中的删除一个回调或回调集合 jQuery 延迟对象 在jQuery...它可注册多个回调函数到回调列表,调用回调列表并且传递异步或同步功能的成功或失败的状态。 延迟对象是可链接的,类似于一个 jQuery 对象可链接的方式,区别于它有自己的方法。

    21K20
    领券