ajax简单应用概述

最新推荐文章于 2023-07-20 11:46:47 发布
VIP文章 最新推荐文章于 2023-07-20 11:46:47 发布
阅读量168 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39129186/article/details/118975501
版权

–1，概述

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 [3] 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

是异步的技术，用来局部刷新网页。

好处是：在不刷新整个网页的前提下，局部更新数据

特点:
1. 局部刷新
2. 异步访问

-2语法

$.ajax({

type:  , //请求的方式，get/post

url:  , // 交给具体的哪个程序去处理

contentType: , //请求时的数据的类型 text html jpg json

data:  , //请求时要携带的参数

dataType: , //服务器返回数据的类型 text html jpg json

success: function(data){  //请求成功后自动调用的

},

error: function(data){  //请求失败后自动调用的

}

})

<!DOCTYPE html>

<html&g

最低0.47元/天 解锁文章
鬼道迷踪
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中的$.ajax()方法参数详解
IT全栈 华强工作室
08-20 6354
jQuery中的$.ajax()方法参数详解ajax是异步更新，只需要进行少量的数据交互便可到达页面的局部刷新。其可用参数主要如下：1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.time
$.ajax中success:function (data) {}数据在$.ajax外处理
m0_46171719的博客
01-22 1403
.ajax中success:function (data) {}数据在$.ajax外处理。console.log(data_1)//经度。设置为false，也就是同步。
jQuery AJAX 方法 success()后台传来的4种数据
热门推荐
dream_heheda的博客
03-13 11万+
1.后台返回一个页面js代码2.返回一个基本类型3.返回一个自定义实体类4返回一个实体类的list
《AJAX》
m0_57443155的博客
11-24 367
1、什么是AJAX请求？ AJAX是一种创建交互式网页应用的网页开发技术 AJAX是一种浏览器通过JS异步发起请求，局部更新页面的技术 AJAX请求的局部更新，浏览器地址栏不会发生变化 局部更新不会舍弃原来页面的内容 2、原生AJAX请求的示例 BaseServlet package com.example.json_ajax_i18n.Servlet; import javax.servlet.ServletException; import javax.servlet.http.H...
JS无法跳到success:function(data)
Crecendow
09-20 4666
检查前端是否打了断点然后把debug页面隐藏了，如果打了断点就把前端断点去掉，同时ctrl+f5刷新。 值得一提的是： 1、function(data) ，里头的data是指代后端返回的值，它可以是任何一个名称，然后我在前面的传值也是用的data $.post({ url:"/user/registerStatus", ...
Ajax的应用
11-16
Ajax概述 Ajax开发 Ajax简单案例
提高Ajax应用程序性能，避开Web服务漏洞
02-03
火龙果软件工程技术中心 本文内容包括：...developerWorks定期撰稿人JudithMyerson对Ajax进行了简单的概述，解释了Web服务漏洞是什么以及为何ServiceLevelAgreements（SLA）如此重要，并提出了一些改进Ajax应用程序的
nodetest2:简单的全栈 Node Mongo 应用程序来测试 AJAX 调用
07-14
这是一个简单的全栈应用程序，我用来测试 Node.js 中的 AJAX 调用。 您可以在 Mongo 集合中添加和删除用户或扩展用户配置文件，结果呈现异步。 使用的技术 后端 节点.js MongoDB 蒙古皮 前端 SASS 斯威格 开始 ...
Ajax基础教程（扫描版）
01-10
如何用ajax开发全新用户体验的web应用，如何用ajax赋予原有应用新的生命?本书将给你满意的答案! 　书中不仅详细讲述了如何结合使用各种标准web技术如javascript、html、css和xmlhttprequest开发ajax应用，而且涵盖了...
ajax回传的数据类型,jQuery ajax方法success（）中后台传来的四种数据类型
weixin_30711223的博客
08-05 902
1.后台返回一个页面js代码/**(1)用$("#content-wrapper").html(data);显示页面*/$.ajax({async : false,cache : false,type : 'POST',url : 'area/prepareCreate',error : function() {alert('smx失败 ');},success : function(data) ...
大数据量导致jquery easyui from无法提交并且 success:function(data) 返回为空
onekbit的博客
07-20 158
关于form表达提交数据大小限制，因为平时都没有提交过太大的数据，还真没有注意过这个，一般来说post提交数据是没有大小限制的，但是tomcat默认设置表单提交数据大小上限为2m，数据大于2m,java后台将接收不到数据，解决办法是修改tomcat的server.xml中maxPostSize的值，将其设置为0即为无上限，7.0 以上版本 maxPostSize 设置为 -1。$.messager.alert('提示信息', '异常', 'info',function showss(){
ajax为什么success没用,ajax的success: function (data)不执行怎么回事？
weixin_29781865的博客
08-06 855
我有如下js函数function poll() {console.log("id is: " + "${id}");var id = "${id}";$.ajax({url: '${urlbase}/poll',type: 'post',data: { id : id },dataType: 'json',success: function (data) {console.log("success...
关于ajax中success返回值赋值给全局变量undefined
刘富国的博客
07-13 1632
再调用一个jQuery的ajax方法是我们有时会需要返回一个值或者赋值给某个全局变量，但是程序执行结束后，却发现赋值的全局变量的值是undefined，这时很有可能是因为你用的ajax的是异步调用，async:true(默认情况)，如： function a(){ var year = 2012; var c; addcar_url = "http://139.224.13
AJAX见解
L691321的博客
05-08 335
AJAX实例 1.什么是AJAX? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 XMLHttpRequest 是 AJAX 的基础。 创建XMLHttpRequest: //创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); XMLHttpRequest 对象用于和
jQuery AJAX 方法 success()后台传来的4种数据
m0_37154839的博客
10-22 1772
1.后台返回一个页面 js代码   /**(1)用$("#content-wrapper").html(data);显示页面*/ $.ajax({ async : false, cache : false, type : 'POST', url : 'area/prepareCreate', error : function...
ajax success function(data)后的data数据无法使用Uncaught TypeError: Cannot read property ‘xxx‘ of undefined
weixin_43099837的博客
12-13 565
问题描述:前端小白,在不了解ajax机制的情况下误使用函数返回ajax中需要时间完成的ajax函数,导致return后的data无法在后面的script代码块中正常使用 function getData(){ $.ajax({ type:"get", url:"/building/getShowBuilding", dataType:'JSON', success:function(data){ return data;
ajax success:function 和jQuery datatable 冲突的问题
hualiyan123的博客
04-17 1577
最近在使用Ajax异步刷新表格的时候需要联动刷新一个图表，发现一个问题，一旦加上success:function(data)就会加载失败，页面一直显示“数据加载中”。而只要去掉 success:function 表格数据就能加载，保留空函数也不行。 查了一下资料发现是因为datatable 有自己的一个function叫initComplete，如果我自定义了success:function就...
Ajax请求（$.ajax()为例）中data属性传参数的形式
Harvey----谱写生命的篇章
10-25 3648
文章目录Ajax请求中的data属性传参的形式表单第一种（把参数拼接在URL中，data属性设为空） #前言   Ajax请求中的data属性传参的形式 #叙述    Ajax请求中的data属性传参的形式    表单 &amp;amp;lt;form id=&amp;quot;login&amp;quot; &amp;amp;gt; &amp;amp;lt;input name=&amp;quot;user&a
html 简单ajax
最新发布
09-20
接下来，可以通过以下代码实现简单的 AJAX 请求： ```html 点击发送 AJAX 请求 $(document).ready(function () { $('#btn').click(function() { $.ajax({ url: "your-url", method: "GET", success: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值