重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jQueryAjax方法怎么使用

本文小编为大家详细介绍“jQuery Ajax方法怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“jQuery Ajax方法怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联建站是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:成都网站建设、成都做网站、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

jQuery Ajax

**jQuery 提供多个与 AJAX 有关的方法。
通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。**

jQuery AJAX 方法

AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。

下面是常用的 jQuery AJAX 方法

jQuery ajax() 方法

执行异步 AJAX 请求

定义和用法

ajax() 方法用于执行 AJAX(异步 HTTP)请求。

所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

语法

$.ajax({name:value, name:value, ... })

该参数规定 AJAX 请求的一个或多个名称/值对。

使用 AJAX 请求改变

元素的文本:

$("button").click(function(){
    $.ajax({url:"demo_test.txt",success:function(result){
        $("#div1").html(result);
    }});
});

下面的表格中列出了可能的名称/值:

jQuery - AJAX load() 方法

**jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。**

load()方式是对jquery对象进行操作的。

语法:

$(selector).load(url,data,function(response,status,xhr))

下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示”外部内容加载成功!”,而如果失败,则显示错误消息:











使用 jQuery AJAX 修改该文本

jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

HTTP 请求:GET vs. POST

两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。

GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。

POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。

jQuery $.get() 方法

$.get() 方法使用 HTTP GET 请求从服务器加载数据。

语法:

$.get(URL,data,function(data,status,xhr),dataType)







jQuery $.post() 方法

$.post() 方法使用 HTTP POST 请求从服务器加载数据。

语法:

$(selector).post(URL,data,function(data,status,xhr),dataType)
$("button").click(function(){
    $.post("/try/ajax/demo_test_post.php",
    {
        name:"菜鸟教程",
        url:"http://www.runoob.com"
    },
        function(data,status){
        alert("数据: \n" + data + "\n状态: " + status);
    });
});

jQuery getJSON() 方法

使用 HTTP GET 请求从服务器加载 JSON 编码的数据

语法

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

读到这里,这篇“jQuery Ajax方法怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


网页名称:jQueryAjax方法怎么使用
分享链接:http://cqcxhl.com/article/igiddo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP