ajax 订阅
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 展开全文
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
信息
外文名
Asynchronous Javascript And XML And HTML
表达式
Ajax
应用学科
IT
中文名
异步JavaScript和XML 或 HTML
适用领域范围
Web 前端开发
ajax名称来源
Ajax 这个术语源自描述从基于 Web 的应用到基于数据的应用。Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。Ajax可使因特网应用程序更小、更快,更友好。 Ajax 是一种独立于 Web 服务器软件的浏览器技术。 Ajax 基于下列 Web 标准:JavaScript、XML、HTML与 CSS 在 Ajax 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。Web 应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax,因特网应用程序可以变得更完善,更友好。
收起全文
精华内容
参与话题
问答
  • ajax jquery 拼接数组

    2017-04-13 02:42:55
    现有ajax返回json格式为: {"customerMap":[{"evaluateDate":"2017","grade":"A"},{"evaluateDate":"2017","grade":"A"}]} 想要在jquery中将起转换成以下格式: [[x轴标题,数值1],[x轴标题,数值2],......] [[2017,A]...
  • React 和 JQuery 都是JavaScript 的库。React 提供了prop 和state 的生命周期形式,JQuery 完成了常用功能的封装。两者侧重不同,常常结合使用。...用React 和 JQuery 的结合可以优雅地实现Ajax。...

    React 和 JQuery 都是JavaScript 的库。

    React 提供了prop 和state 的生命周期形式,JQuery 完成了常用功能的封装。两者侧重不同,常常结合使用。


    Ajax 是跨语言的一种规范,它规定了网络异步通信的方式。


    用React 和 JQuery 的结合可以优雅地实现Ajax。

    展开全文
  • Ajax jQuery Web聊天室

    千次阅读 2015-03-09 17:41:42
    2.登录聊天时,调用Ajax的全局函数$.ajax(),将获取的用户名和密码数据向处理逻辑发送,使用AjaxStart和AjaxStop事件绑定提示信息元素,优化用户体验 3.登录时,处理逻辑端接收数据,检测密码是否正确,如果不正确,...

    实现界面:
    1.进入聊天室前必须进行登录,保存用户基本信息,为了显示在线人数
    2.登录聊天时,调用Ajax的全局函数$.ajax(),将获取的用户名和密码数据向处理逻辑发送,使用AjaxStartAjaxStop事件绑定提示信息元素,优化用户体验
    3.登录时,处理逻辑端接收数据,检测密码是否正确,如果不正确,弹出错误对话框,否则进入聊天室
    4.首次登录,如果当前没有聊天数据,则内容区显示目前没有聊天记录,在线用户区显示登录时的用户名
    5.底部文本框输入聊天内容,点击发送后,通过$.ajax()获取聊天内容,向服务器提交请求,同时,服务器相应数据,写入完成后,将数据显示在内容区
    6.在发送内容时还可以发送表情,发送时仅传送表情图标的名称,不发送图片,服务器返回的也是相应的名称,再将名称对应图标显示在页面中
    7.发送成功,服务器返回成功标志,客户端接收后清空发送文本框,刷新对话框列表,获取最新聊天记录
    经验:
    1.发送信息和获取信息都有发送按钮触发,但是要明确是两个步骤
     
    逻辑Servlet层:
    1.登录成功将用户名和时间存入在线用户表中
    2.发送数据到逻辑层再发到数据库层
    3.请求数据时,从数据库中接收数据后在逻辑层封装成html字符串返回到界面
     
    数据库层:
    1.登录时将用户名存入当前聊天室的在线用户表中,并记录登录时间
    2.发送聊天内容是将说话人,时间和内容一并存入数据库的聊天记录表中
    3.刷新聊天记录时根据请求的时间,返回请求时间之前的聊天记录,并按时间顺序返回

    4.刷新在线用户表时,按请求的时间顺序返回在线用户名

    展开全文
  • 10 Powerful AJAX jQuery File Uploaders

    千次阅读 2011-05-30 03:14:00
    Being able to upload files and images onto a website is one of the most common tasks in the modern web. Whether it’s letting a user upload a profile picture to their social networking profile, ...

    Being able to upload files and images onto a website is one of the most common tasks in the modern web. Whether it’s letting a user upload a profile picture to their social networking profile, or complex file hosting and sharing services, users like to upload files. Uploading files is a relatively simple task, but there are a lot of improvements that can be made over the default to help improve usability.

    That’s where AJAX and jQuery come in, because they can allow for more complex functionality and better usability, showing users how much time is left, allowing them to upload multiple files, as well as using drag and drop interfaces. Here, you’ll find 10 powerful AJAX jQuery file uploaders. Please note that some are still coupled with other technologies such as Flash for even more features.

    If you are in search of more jQuery plugins and tutorials ,check out our posts on them :

    Thanks!

     

    Valums AJAX Uploader

    10 AJAX jQuery File Uploaders


    Plupload

    10 AJAX jQuery File Uploaders


    Uploadify

    10 AJAX jQuery File Uploaders


    AJAX Multiple File Upload Form using jQuery

    10 AJAX jQuery File Uploaders


    jQuery AJAX File Upload

    10 AJAX jQuery File Uploaders

    jQuery Upload Progress

    10 AJAX jQuery File Uploaders


    jQuery Multiple File Upload Plugin

    10 AJAX jQuery File Uploaders


    Digitalarld Swiff AJAX Uploader

    10 AJAX jQuery File Uploaders


    jQUploader

    10 AJAX jQuery File Uploaders


    AJAX File Upload

    10 AJAX jQuery File Uploaders

    展开全文
  • 第十五章 AJAX JQuery

    万次阅读 2007-08-14 14:06:00
    第十五章 AJAX JQueryJQuery是另外一个非常流行的JavaScript框架,相对于Dojo来说JQuery更加的轻便,JQuery代码文件的大小为20kb,但是丝毫没有影响到JQuery的强大功能,也许在了解JQuery之后你会有更深刻的体会。...

    第十五章 AJAX JQuery

    JQuery是另外一个非常流行的JavaScript框架,相对于Dojo来说JQuery更加的轻便,JQuery代码文件的大小为20kb,但是丝毫没有影响到JQuery的强大功能,也许在了解JQuery之后你会有更深刻的体会。并且JQuery使用了插件的体系结构,开发人员可以在JQuery的基础上利用插件的机制扩展JQuery的功能。

     

    JQuery详细的JavaScript框架有Prototype,虽然Prototypescript.aculo.us也可以制作出强大的功能的页面。但是我更喜欢JQuery的简介方式和强大的插件群。

     

    JQuery官方网站: http://www.jquery.com

    Prototype官方网站: http://www.prototypejs.org

    script.aculo.us官方网站: http://script.aculo.us

     

    JQuery核心只有一个文件jquery-x.x.x.x.js,其中x.x.x.x表示了文件的版本,现在最新的版本为1.1.3.1。并且为了提高jquery的下载效率,官方网站提供了一个压缩版本的文件,这个文件只有20kb

     

    安装jqueyr只需要将jquery-x.x.x.x.js拷贝到对应web项目的javascript脚本目录即可。

    <script type="text/javascript" src="path/to/jquery.js"></script>

     

    JQuery 核心

    Onload 使用

    我们有些时候需要在页面初始化完成的时候调用一些JavaScript预处理操作,例如设置某些Button不可用等,这个时候我们通常有两种选择。

    第一:<body οnlοad=”someFunction();”>

    第二:window.onload = someFunction;

    上述代码意义相同,都会在页面初始化完成之后执行someFunction这个预先定义的JavaScript函数。但是,页面初始化完成到底是什么含义呢?页面初始化完成意味着页面全部被浏览器显示,也就是说所有的image都加载完成。有些时候这个过程非常的常,有些时候我们可以看到有些网站的button先是可用,后来等所有页面显示之后又不可用了就是这个原因。

     

    那么我们到底在什么时候执行someFunction是比较合适的呢?我们倾向于页面的全部document内容被加载,而不是所有内容正确显示之后别调用。

     

    img为例说明上述的区别,例如

    <img src=”http://hostname:port/webapp/xxx.jpg” />

    当上述字面内容被浏览器下载完成时,我们可以说img被加载了,当http://hostname:port/webapp/xxx.jpg指向的内容被下载并且被正确显示之后,可以说img被正确显示了。

     

    如何使用JQuery来达到页面内容别加载就执行someFunction

    $(document).ready(someFunction);

     

    $()是什么?

    $()JQuery的核心方法,$()方法有几种不同的调用方式,但是这几种方式都有一个共通的特点,就是通过$()方法,可以将一个普通的HTML DOM对象(p, div, body, doucment等)封装成为一个特殊的,增强了JQuery功能的JQuery对象。

    说道这里大家可能会知道了JQuery其实相当于一个对象,一个封装了不同HTMLDOM对象的对象。

     

    $(string)

             凭空创建一个JQuery包装起来的HTML DOM对象,例如:

             $("<div><p>Hello</p></div>").appendTo("body")

    上述代码建立了一个Hello段,Hello段在一个div内部,之后将这个div追加到了doby内部。

     

    $( elems )

             讲一个已经存在的HTML DOM对象包装为JQuery对象,例如:

             $(document.body).css( "background", "black" );

             上述代码把bodybackground设置为black

             $( myForm.elements ).hide()

             隐藏myForm中所有的对象

     

    $( function)

    $(document).ready(function)的简写,总共有三种方法让一个functiondom初始化完成之后被调用:

             $(document).ready(function)

             $( function)

             JQuery(function)

     

    $( expr, context )

    在上下文()中查找表达式()所只是的对象,context不存在的情况下在document上下文中查找,例如:

    DOM对象:   <p>one</p> <div><p>two</p></div> <p>three</p>

    调用:              $("div > p")

    结果:              <p>two</p>

     

    $("input:radio", document.forms[0])

    查找第一个form中的所有redio类型的输入框。

    $("div", xml.responseXML)

    查找xml.responseXML指示的XML文件内容中所有的div项。

     

    扩展JQuery的功能

    可以使用$.fn.extend( prop )来扩展JQuery提供的功能,例如,JQuery并没有提供checkuncheck方法,但是我们可以通过如下的代码扩展JQquery,使JQuery增加checkuncheck功能:

    jQuery.fn.extend({

       check: function() {

         return this.each(function() { this.checked = true; });

       },

       uncheck: function() {

         return this.each(function() { this.checked = false; });

       }

     });

     

    之后我们可以选择一个对象来使用扩展的checkuncheck方法,例如:

     

     $("input[@type=checkbox]").check();

     $("input[@type=radio]").uncheck();

     

    解决和其他框架的冲突

    $JQuery中有着特殊的含义,但是有些时候我们的项目已经集成了其他的框架)(例如Prototype),在其他框架中$已经被使用了,那么我们怎么消除JQuery$指定的特殊含义呢?

    我们可以使用jQuery.noConflict()方法,在调用这个方法之后,$已经不在具有我们前面说的JQuery赋予的功能,所以所有的后续代码必须使用JQuery调用,例如:

     

    jQuery.noConflict();

            // 调用JQuery的方法

            jQuery("div p").hide();

            // 调用其他框架的$()方法

            $("content").style.display = 'none';

     

    我们也可以指定自己喜欢的名字来替换$,例如:

    var j = jQuery.noConflict();

    // 调用jQuery的方法

    j("div p").hide();

    // 调用其他框架的 $( ) 方法

    $("content").style.display = 'none';

     

    其他常用方法

    each( fn )

             这对数组中的每一个对象调用fn方法。例如:

             HTML DOM代码:<img/><img/>

             调用方法:              $("img").each(function(i){

                                                         this.src = "test" + i + ".jpg";

    });

             结果:                       <img src="test0.jpg"/><img src="test1.jpg"/>

     

    eq( pos )

             定位具体的HTML DOM对象

             HTML DOM代码:<p>This is just a test.</p><p>So is this</p>

             调用方法:              $("p").eq(1)

             结果:                        <p>So is this</p>

     

    get( pos )

             定位具体的HTML DOM对象(脱掉了JQuery的包装,原始的DOM对象)

             HTML DOM代码:<img src="test1.jpg"/> <img src="test2.jpg"/>

             调用方法:              $("img").get( num )

             结果:                        <img src="test1.jpg"/>

     

    get()

             针对所有的对象,脱掉了JQuery的包装,获取原始的DOM对象

             HTML DOM代码:<img src="test1.jpg"/> <img src="test2.jpg"/>

             调用方法:              $("img").get()

             结果:                        <img src="test1.jpg"/><img src="test2.jpg"/>

     

    gt( pos )

             取出pos之后的所有对象

             HTML DOM代码:<img src="test1.jpg"/> <img src="test2.jpg"/>

             调用方法:              $("img").gt(0)

             结果:                        <img src="test1.jpg"/>

     

    index( subject )

             找到subject在数组中对应的index,不存在时返回-1

             HTML DOM代码:<div id="foobar"><b></b><span id="foo"></span></div>

             调用方法:              $("*").index( $('#foobar')[0] )

             结果:                        0

     

    Length

             返回对象数组的长度。

             HTML DOM代码:<img src="test1.jpg"/> <img src="test2.jpg"/>

             调用方法:              $("img").length

             结果:                        2

     

    lt( pos )

             gt相反

             HTML DOM代码:<p>This is just a test.</p><p>So is this</p>

             调用方法:              $("p").lt(1)

             结果:                        <p>This is just a test.</p>

     

    size()

             length相同

     

     

    JQuery HTML DOM遍历和选择器

    JQuery的功能很强大,可以包装任何一个HTML DOM元素添加强大的功能,那么如何找到需要的元素呢?这就需要JQuery Selector来帮慢,原理上讲,JQuery Selector可以超找到HTML DOM里的任何元素

     

    JQuery Selector主要包含三个方面的实现:CSS方式,XPath方式,和JQuery自定义的方式。

    为了逐个讲解这些Selector,首先给大家一些基本的例子:

     

    隐藏所有包含链接(a)的段(p):

    $("p[a]").hide();

     

    显示一个页面的第一个段(p):

    $("p:eq(0)").show();

     

    将所有显示(visible=true)的div隐藏:

    $("div:visible").hide();

     

    所有无须列表(ul)的项目(li):

    $("ul/li")

    或者 $("ul > li") */

    获得所有class类型为foo,并且包含链接(a)的段:

    $("p.foo[a]");

     

    获得所有字符内容包含Register的项目(li

    $("li[a:contains('Register')]");

     

    得到name=bar的输入项目的值:

    $("input[@name=bar]").val();

     

    获得所有被选中的button

    $("input[@type=radio][@checked]")

     

    CSS方式

    JQueryCSS方式的Selector支持CSS1-CSS3标准。

     

    CSS中的实现完全一致的:

    *

             任何的元素

    E

             任何类型为E的元素

    E:nth-child(n)

             E元素的第n个子元素

    E:first-child

             E的第一个子元素

    E:last-child

             E的最后一个元素

    E:only-child

             E的唯一的子元素

    E:empty

             E没有子元素,也不能包含text内容

    E:enabled

             E类型的UI元素,并且不是disabled

    E:disabled

             E类型的UI元素,并且是disabled

    E:checked

             E类型的UI元素(radio或者checkbox),并且是checked

    E:selected

             E类型的UI元素(option),并且是选中的(虽然CSS中没有支持,JQuery支持)

    E.warning

             Class = warning的元素(dot. 表示class

    E#myid

             Id=myid的元素,最多有一个元素被选中。

    E:not(s)

             E类型的元素,但是与简单selector  s 不匹配

    E F

             E类型的F类型的后代元素

    E > F

             E类型的F类型的子元素(FE之内)

    E + F

             F类型紧跟着E类型(FE之后,并且紧挨着)

    E ~ F

             F类型前面连着E类型(FE之后,不一定紧挨着)

    E,F,G

             EFG所有类型的元素

     

    CSS中实现稍有不同的:

    E[@foo]

             包含属性fooE类型的元素

    E[@foo=bar]

             包含属性foo,并且属性foo的值为barE类型的元素

    E[@foo^=bar]

             包含属性foo,并且foo的值以bar开始的E类型的元素

    E[@foo$=bar]

             包含属性foo,并且foo的值以bar结尾的E类型的元素

    E[@foo*=bar]

             包含属性foo,并且foo的值包含barE类型的元素

    E[@foo=bar][@baz=bop]

             属性foo值为bar,属性baz值为bopE类型的元素。

     

    XPath方式

     

    位置路径

        HTML DOM中查找:

                     $("/html/body//p")

                     $("body//p")

                     $("p/../div")

             在当前上下文中查找:

     $("p/*", this)

                     $("/p//a", this)

     

    坐标位置

             子孙节点有一个子孙节点:

     $("//div//p")

             子孙节点有一个子节点:

     $("//div/p")

     

            $("//div ~ form")

    $("//div/../p")

     

    预言

    $("//input[@checked]")

    $("//a[@ref='nofollow']")

    $("//div[p]")

            $("//div[p/a]")

     

    [last()] or [position()=last()] becomes :last

     

            $("p:last")

     

        [0] or [position()=0] becomes :eq(0) or :first

     

    $("p:first")

    $("p:eq(0)")

     

        [position() < 5] becomes :lt(5)

    $("p:lt(5)")

    [position() > 2] becomes :gt(2)

    $("p:gt(2)")

     

    JQuery自定义的Selector

    :even

             偶数节点选择

    :odd

             奇数节点选择

    :eq(n) and :nth(n)

             n个元素

    :gt(N)

             排序比N大的元素

    :lt(N)

             排序比N小的元素

    :first

    :eq(0)相同

    :last

             最后一个元素

    :parent

             包含子元素(文本内容也算)的节点

    :contains('test')

             包含test文本内容的节点

    :visible

             所有显示的元素

    :hidden

             所有隐藏的内容

     

    例如:

    $("p:first").css("fontWeight","bold");

    $("div:hidden").show();

    $("/div:contains('test')", this).hide();

            

    JQueyy 操作HTML属性和CSS

            

    JQUery 事件

    JQuery 动画效果

    JQuery Ajax

    JQuery 插件

             JQuery Thickbox plugin

             JQuery Form Plugin

             JQuery Tab Plugin

             JQuery Context Menu Plugin

             JQuery Short Key Plugin

             JQuery Inplace Plugin

     

     
    展开全文
  • 什么是Ajax Ajax 的全称是 Asynchronous JavaScript And XML (异步 JavaScript 和 xml ) 通俗理解:在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是 Ajax 为什么要学Ajax 之前所学的技术,只能...
  • AJAX jQuery tab,动态加载选显卡

    千次阅读 2010-11-08 21:37:00
    AJAX jQuery tab,动态加载选显卡 <!DOCTYPE ...
  • Struts2 ajax Jquery需要用的jar包

    千次阅读 2018-04-17 18:28:20
    commons-lang.jar;json-lib-2.3-jdk15.jar;struts2-json-plugin-2.2.3.jar;ezmorph-1.0.1.jar;commons-beanutils-1.9.2.jar;commons-collections-3.1.jar
  • jQuery 完整 ajax示例

    万次阅读 多人点赞 2019-06-17 18:20:50
    $(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;chars...
  • 于是我想当修改成功的时候将信息返回到页面,想到ajax 但是 我提交的是整个form表单的值 这个表单中有很多表单域的!就像注册一样要提交很多信息 但是目前$.post()这种方式是不是只带一个参数。就算可待多个...
  • jQuery ajax

    千次阅读 2016-07-17 00:16:53
    该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最...
  • AjaxJQuery

    千次阅读 2019-04-06 10:46:32
    Ajax简介 Ajax的全称是:Asynchronous JavaScript And XML,指的是异步 JavaScript 及 XML(其实主要用的就是javascript技术),它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的...
  • AJAX 框架 用 Asp.net ajax 还是 Jquery ?

    千次阅读 2008-04-10 13:25:00
    AJAX 流行之后,总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。刚开始学了 JQuqery, 众多的 $... 激起我客户端编程的兴趣,才想起学习一下了 Jquery. 随着WEB2.
  • jQuery ajax应用

    千次阅读 2013-10-12 14:37:44
    Ajax的优势: 1,宗旨:按需请求数据...1,jQueryajax操作 jQuery封装ajax操作,通常有这几种方式: jQuery.ajax() $.get() $.post()   Load()   (1)load() 请求的是一个静态数据文件 1,url,ajax请求的地址 2,
  • Jquery Ajax

    千次阅读 2016-05-27 17:08:18
    标准Jquery Ajax
  • jQuery Ajax

    千次阅读 2012-12-26 11:57:52
    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 ....
  • ASP.NET AjaxJquery Ajax实例

    千次阅读 热门讨论 2015-06-19 16:54:09
    在图书信息管理系统中,用到了AjaxJQueryAjax,算是都体验了一把。刚开始用的时候很陌生,迟迟不敢下手。但是不动手什么时候也成功不了,就上网找例子,照着敲吧。当然,中间也遇到了一些小的错误,最终还是成功了...
  • 原生ajaxjQuery ajax的比较

    千次阅读 2018-03-29 17:02:11
    form数据的序列化:$('#submit').click(function(){ $('#form').serialize(); //会根据input里面的name,把数据序列化成字符串;eg:name=yang $('#form').serializeArray(); //会根据input里面的name,把数据序列...
  • jQuery是一个、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
  • AjaxJQuery easy UI实战

    千人学习 2016-09-29 16:15:31
    肖老师这套课程,从XmlHttpRequest-->>JQury->>JQuery Easy ui ,详细讲解了基于js脚本的异步通讯方法
  • JQueryAjax的操作

    万次阅读 多人点赞 2014-03-27 00:12:20
    Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现;...
  • Ajax & Jquery笔记

    千次阅读 2019-07-31 20:28:20
    1、Ajax介绍 介绍 工作原理 2、Ajax 的Get 请求 首先,复制粘贴下面的代码,表示定义xmlHttpRequest 对象。 点击页面上的超链接后,会向DemoServlet01 发送请求,控制台会显示”收到了一个请求…”。 带数据...
  • SpringBoot ajax+jquery

    千次阅读 2018-03-13 19:31:16
    今天有用到ajax post提交到控制器的功能,在网上找了一些方式 其中一种pom配置webjars的,简直是坑,劝大家用最原始的方式,把query.min.js放在resource下static下js下 然后html中引入js即可 就是那么简单,别的方式...
  • JS原生AjaxjQueryAjax与代码示例

    万次阅读 多人点赞 2018-08-26 20:38:57
    JS原生AjaxjQueryAjax 【学习目标】 1,了解JS原生Ajax原理 2,掌握json数据格式 掌握json数据格式方式 掌握json的解析方式 3,掌握jQuery中的Ajax封装 4,使用Ajax实现特效 实现异步验证用户名是否存在 ...
  • ajax与axios的区别 Jquery ajax与Axios等区别
  • 【颗粒归仓】(三)原生ajaxjquery-ajax方法的对比

    千次阅读 热门讨论 2016-05-21 18:06:57
    其实原理一样 只不过使用的区别有 1、jquery 封装了所有浏览器创建xmlhttpRequest对象的方式,javascirpt 要去判断下。 2、jquery 封装了发送请求的...jq 的 AJAX 除了完成基本的 ajax 操作外,还封装了 json
  • jquery Ajax 全局调用封装

    万次阅读 2016-06-02 15:03:09
    有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你...虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人】jQuery Ajax通用js封装第一步:引入jQuery库第二步:开发Ajax封装类,已测试
  • jQuery Ajax无刷新操作

    万次阅读 多人点赞 2013-08-04 18:01:05
    你会发现,用了jQuery之后是如何简单。 //后台实例代码 ashx文件(可替换为从数据库中读取) public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain";
  • 原生AJAXjQuery ajax的使用和区别

    千次阅读 2018-05-23 15:17:22
    Ajax简介 Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个...
  • 《锋利的jQuery》之jQueryAjax

    千次阅读 2011-11-27 15:00:02
    jQueryAjax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post()方法,第3层是$.getScript()和$.getJSON()方法。 1. load() 载入远程HTML代码并插入DOM中。 无...

空空如也

1 2 3 4 5 ... 20
收藏数 704,284
精华内容 281,713
关键字:

ajax