AJAX(二)jquery ajax

最新推荐文章于 2024-08-30 18:03:30 发布
最新推荐文章于 2024-08-30 18:03:30 发布
阅读量537 收藏
点赞数
分类专栏： AJAX 文章标签： jquery ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26744901/article/details/49273143
版权

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互这里使用的是jQuery的ajax方法

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" id="results">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="jquery-1.11.0.min.js"></script>
    <script>
        $.ajax({
            url: "xxx.ashx",//请求地址
            data: {"name":"name","age":1},//设置参数
            type: "POST",//定义请求模式,分为post跟get
            //dataType: "json",//预期判断服务器返回的数据类型,如果不设置，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
            async: true,//true为异步加载数据，flase为同步加载数据发送请求时会自动锁住浏览器
            cache: false,//false为不缓存；true为缓存
            error: function (error) {//请求报错
                //error.state返回的是请求状态
                //error.statusText返回ok和Not Found
                //error.responseText返回请求的数据，如果请求失败返回一个错误页面
          },
            success: function (msg) {//请求成功返回
                document.write(msg);
           
            },
            complete: function (error) {// 当请求完成之后调用这个函数，无论成功或失败
               //error.state返回的是请求状态
                //error.statusText返回ok和Not Found
                //error.responseText返回请求的数据，如果请求失败返回一个错误页面
            }
        });
    </script>
</head>
<body >

</body>
</html>


 jquery 里面ajax的属性比较有用的属性： 

   dataType: "json",//预期判断服务器返回的数据类型,如果不设置，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断

timeout：设置请求超时时间（毫秒）。此设置将覆盖全局设置。

使用ajax加载并执行一个 JS 文件。

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

 



 




正在输入代码中
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery发送AJAX请求
gcsyzy的博客
04-01 1519
JQuery发送AJAX请求的三种方式：$get()，$post()，$ajax()
用jQuery实现Ajax
m0_53698336的博客
11-01 6691
Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们习惯称之为“阿贾克斯”，它并不是一种技术，而是多种技术的综合体，其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中，整个过程不需要重载（刷新）整个网页，可以将网页的内容更快的呈现给用户。 这里的异步是指，当程序执行到 Ajax 代码时，将
jQuery 与 Ajax
Wzc0720的博客
10-28 3851
可以在不重新加载整个网页的情况下，对网页的某部分进行更新。可以在不重新加载整个网页的情况下，对网页的某部分进行更新。简单说是需要连接数据库的地方，但是连接数据库传输的信息量很少，用不着刷新整个页面，这。简单说是需要连接数据库的地方，但是连接数据库传输的信息量很少，用不着刷新整个页面，这。减轻服务器的负担，按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。减轻服务器的负担，按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。种类型的适合用 ajax，避免了属性整个页面带来的资源浪费。
「jQuery系列」jQuery中Ajax的运用
日常笔记/总结/系列知识梳理
03-13 2742
jQuery Ajax 是 jQuery 提供的一个功能强大的异步通信方法，它允许网页与服务器之间进行数据交换，而无需重新加载整个页面。通过使用 Ajax，开发者可以实现更加流畅和响应式的用户体验，减少不必要的网络传输和页面加载时间。jQuery Ajax 的核心方法是$.ajax()，它提供了丰富的选项和回调函数，用于配置和执行 Ajax 请求。下面是一个基本的$.ajax()$.ajax({url: 'https://api.example.com/data', // 请求的 URL。
jQuery封装ajax
古城的博客
10-15 2399
jQuery实现对ajax的封装，使代码轻量化 AJAX—$.get() $.get()是一个简单的 GET 请求功能。请求成功时可调用回调函数。 $.get(url,[data],[callback],[type]) url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default 注意：请求是通过 URL 提交的 提交有大小限制（2KB） AJAX— $.p
jQuery Ajax 详细通俗讲解
热门推荐
lucien_ma的博客
08-25 2万+
jQuery Ajax Ajax 是一种异步、无刷新(或者说局部页面刷新)技术。 同步： 现在的大部分请求都是基于同步，所谓同步就是说必须等待请求之后给我返回结果了我才能继续往下操作。好比你要烧水，切菜，做饭。现在是同步，你必须等水烧开再去干其他事情。 异步： 异步就是，请求发送之后，不管你是否返回结果，我继续往下操作。比如，你烧水的同时，不管水烧没烧开，你继续你其他的工作，去切菜。 刷新： 类似我们的 <a></a>标签的点击链接，以及表单元素的提交，都会刷新页面
jQuery中的Ajax
weixin_45375510的博客
10-11 4529
jQuery×Ajax jquery提供多个与ajax有关的方法，通过jquery ajax方法，能够使用HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML或JSON，同时能够把接收的数据更新到DOM对象。代替XMLHttpRequest，但其实jquery还是封装的异步对象。 (1)$.ajax() $.ajax()是jquery中ajax请求的核心方法，所有的其他方法都是在内部使用此方法。 语法： $.ajax({key: value, key: value, ...})
jquery中的ajax使用
qq_46023503的博客
10-05 2132
jquery中的ajax使用
jQuery Ajax 和 axios Ajax
qq_59612674的博客
11-06 3014
区别： axios是通过promise技术实现对ajax实现的一种封装，本身上来说axios就是ajax，但是ajax却不单单只是axios；jQuery也实现了对ajax技术的封装，但是jQuery主要是对原生JavaScript进行封装，封装了js三大核心要素：ECMAScript、DOM、BOM，所以说jQuery封装的ajax只是其中的一小部分，如果通过引用jQuery来进行ajax交互实在是显得有所浪费资源，因此vue中封装了axios来实现对ajax技术的单独封装。 什么是 jQuery ？
jquery ajax 全局设置header
大黄鸭在发光的专栏
03-02 1434
注意，全局设置可能会影响整个页面中的所有AJAX请求。如果你只想在某些请求中添加头部，你可以在每个请求中单独设置头部，而不是使用全局设置。设置的全局选项可以被每个请求的选项覆盖。如果你在某个请求中设置了与全局设置相同的头部，那么请求中的设置将会覆盖全局设置。方法来全局设置所有的AJAX请求的header。
原生Ajax 和jQuery Ajax的区别示例分析
10-25
原生Ajax和jQuery Ajax都是前端开发中用于与服务器进行异步数据交换的技术，但它们在实现方式和使用便利性上存在明显差异。以下是对这两者区别的详细分析： ### 原生Ajax基础 原生Ajax是通过使用浏览器提供的...
利用Ajax+Jquery实现异步进度条效果
05-30
"利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开，它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先，C#是一种面向对象的编程语言，广泛应用于...
Ajax和Jquery
04-27
**Ajax和jQuery** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这种方式可以让网页保持交互...
原生Aajax 和jQuery Ajax 写法个人总结
10-20
AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。本文重点给大家介绍原生Aajax 和jQuery Ajax 个人总结，一起看看吧
AJAX(二）jQuery
12-27
**AJAX(二）jQuery** 在深入探讨AJAX与jQuery的结合使用之前，先来了解一下AJAX的基础。AJAX（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器...
Ajax学习笔记
小陈从不熬夜
08-21 1201
Ajax学习笔记
Ajax的$.post()，$.get()，$.ajax 方法请求都是默认异步请求
程序人生
08-30 216
【代码】Ajax的$.post()，$.get()，$.ajax 方法请求都是默认异步请求。
理解 Axios、jQuery Ajax 和 Fetch 的差别
最新发布
a2274001782的博客
08-30 498
jQuery 是一个功能强大的 JavaScript 库，Ajax 是其核心功能之一。通过 jQuery Ajax，我们可以轻松地进行异步 HTTP 请求，更新页面内容而无需重新加载页面。Fetch API 是现代浏览器提供的原生 API，用于替代传统的 XMLHttpRequest（XHR）。它基于 Promise，提供了更简洁和强大的接口来处理 HTTP 请求。Axios 是一个基于 Promise 的 HTTP 客户端，可以运行在浏览器和 Node.js 中。
Mali_Texture_Compression_Tool_v4_Windows_x64.zip
08-30
Mali_Texture_Compression_Tool_v4_Windows_x64.zip
Ajax到JQuery Ajax学习指南
"这篇教程主要关注的是从基本的Ajax技术过渡到使用JQuery的Ajax功能的学习。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器交换数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值