zoukankan      html  css  js  c++  java
  • jQuery AJAX 函数

    jQuery 拥有供 AJAX 开发的丰富函数(方法)库。

    什么是 AJAX?

    AJAX = Asynchronous JavaScript and XML.

    AJAX 是一种创建快速动态网页的技术。

    AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。

    AJAX 和 jQuery

    jQuery 提供了用于 AJAX 开发的丰富函数(方法)库。

    通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。

    而且您可以直接把远程数据载入网页的被选 HTML 元素中!

    写的更少,做的更多

    jQuery 的 load 函数是一种简单的(但很强大的)AJAX 函数。它的语法如下:

    $(selector).load(url,data,callback)

    请使用 selector 来定义要改变的 HTML 元素,使用 url 参数来指定数据的 web 地址。

    查看示例

    只有当您希望向服务器发送数据时,才需要使用 data 参数。只有当您需要在执行完毕之后触发一个函数时,您才需要使用 callback 参数。

    Low Level AJAX

    $.ajax(options) 是低层级 AJAX 函数的语法。

    $.ajax 提供了比高层级函数更多的功能,但是同时也更难使用。

    option 参数设置的是 name|value 对,定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。

    查看示例

    jQuery AJAX 请求

    请求描述
    $(selector).load(url,data,callback) 把远程数据加载到被选的元素中
    $.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
    $.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
    $.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
    $.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
    $.getScript(url,callback) 加载并执行远程的 JavaScript 文件

    (url) 被加载的数据的 URL(地址)

    (data) 发送到服务器的数据的键/值对象

    (callback) 当数据被加载时,所执行的函数

    (type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)

    (options) 完整 AJAX 请求的所有键/值对选项

  • 相关阅读:
    移动端页面使用rem布局
    Vue2.0 render:h => h(App)
    sublime3 快捷键大全
    node-webkit学习之【无边框窗口用JS实现拖动改变大小等】
    mock.js-无需等待,随机产生数据,让前端独立于后端进行开发
    Sublime Text 3 遇到的一些小坑的解决方法
    Angular Cli 升级到最新版本
    Angular 表单嵌套、动态表单
    angular6 iframe应用
    JS 时间格式 相互转化
  • 原文地址:https://www.cnblogs.com/jiangxifanzhouyudu/p/6072140.html
Copyright © 2011-2022 走看看