ajax细节加bug笔记

hspedu

已于 2023-01-02 12:14:19 修改

阅读量98

点赞数

CC 4.0 BY-SA版权

文章标签： ajax 前端 javascript

于 2023-01-02 12:10:12 首次发布

本文链接：https://blog.youkuaiyun.com/hspedu/article/details/128519543

首先看图

url:代表要去的资源地址

type:请求类型

date：username就是要传输的数据，在服务端获取资源 get方法里的（名字）一定要跟这里一样

new 一个date对象

error：这个不用管，因为用jquery这些不用写

success :这个函数里面是传输过来的数据

data就是服务端发来的，获取相应数据根据那边的类名来 data.类名就行

7.如果要数据全部显示必须得$("#div1").html(JSON.stringify(data))

先把json对象转换成json字符串在调用html方法显示

8.dataType ：这个后期直接getJSON 就不用写了

重点来了

这里有个bug一定得注意

上面的bug是因为咱们只把响应的数据对象转成了json对象，但服务端没有指定类型所导致，例如tomcat默认就是xml类型，就会发生这种情况

所有一定要记得指定类型！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hspedu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

若依笔记（一）：本地启动与二次开发

叶子叶来

08-23

833

若依的前后端分离版本中前端用的是vue-element-admin，它把菜单放在库中控制，后端用security权限管理，代码生成器是亮点，权限能控制到目录/菜单/按钮级别，对于一般开发人员来说不难，难在UI与需求定制化。

Jquery-Ajax使用笔记

只写有用的笔记

06-05

203

通过图书管理和聊天机器人详细介绍JQ中Ajax使用方法，以及后端给到的各种形式api闭坑最近学习了Jquery中封装的Ajax，2023年都说JQ已经过时了，虽然我没去学不过看起来还蛮好理解的，JQ有啥不懂请自行查阅。

参与评论您还未登录，请先登录后发表或查看评论

小白ajax入门学习笔记

weixin_51877011的博客

08-27

1183

定义：https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX概念：AJAX 是浏览器与服务器进行数据通信的技术AJAX 有什么用？➢ 浏览器和服务器之间通信，动态数据交互AJAX 如何学：➢ 先掌握 axios 使用➢ 再了解 XMLHttpRequest 原理这一节 axios 体验步骤？➢ 引入 axios 库➢ 使用 axios 语法概念：URL 就是统一资源定位符，简称网址，用于访问网络上的资源。

ajax学习笔记

qq_30166465的博客

11-10

405

ajax学习笔记，建议搭配b站动力节点的ajax课程食用。

ajax笔记

Klaine_MAO的博客

07-24

366

ajax学习笔记 bug类型请求失败 1.url路径问题，检查路径 2.检查参数是否一致 3.检查jquery是否导入或是jquery位置放置正确请求成功，但是跳转到error 1.后台的方法是void类型的，这个的话就需要将ajax的dataType改为text 2.数据写错了，例如json数据格式错误，返回时也是会跳转到error ajax上传文件不成功利用ajax上传文件，一般都会采用js的formData，这时需要设置processData和contentType为false

Ajax学习笔记

weixin_62643012的博客

03-12

227

Ajax学习笔记

Bug笔记：诡异的$.ajax

weixin_30924239的博客

08-03

110

用$.ajax用POST方式提交请求到一个ASPX页面执行后台代码时，发生一桩诡异的事情。。。假设后台代码写在Test.aspx及Test.aspx.cs中。如用： $.ajax({ url:"Test.aspx", type:"POST", data:{ parameter:value },success:function(re...

ajax中html的属性,jquery中ajax学习笔记一

weixin_34051133的博客

06-08

322

AJAX简单介绍：AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)，是指一种创建交互式网页应用的网页开发技术。通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您JavaScript 可在不重载页面的情况与 Web 服务器交换数据。jQu...

AJAX的学习笔记

qq_45060976的博客

10-23

AJAX 安装node-dev方便调试 yarn global add node-dev 安装优点当我们修改代码时会自动重启，方便开发 AJAX加载CSS 四个步骤创建一个HttpRequest对象调用open方法监听对象的onload&onerror事件 –专业前端会改用onreadystatechange事件 –在事件处理函数里操作CSS文件内容调用对象的send方法 –具体代码请打开MDN用CRM（copy,run,my）大法搞定具体代码如下： getCla

AJAX学习笔记

死磕到底

01-17

395

一、概述AJAX 是 Asynchronous JavaScript and XML的简称，翻译过来就是异步的JavaScript和XML。因此，它不是一种什么新的编程语言，只是一种处理服务器数据与网页界面的技术框架，相当于Android中的网络请求框架。AJAX是在2005年的时候，因为Google的Google Suggest功能，它才流行起来的。二、XMLHttpRequest / Act

动吧项目笔记保存云端

06-03

**BUG分析及解决套路：** - 定位问题：通过日志、调试等方式找到问题根源。 - 分析原因：理解出错逻辑，分析错误原因。 - 修复并验证：修改代码，测试验证修复效果。 #### 二、菜单模块 **菜单管理在整个系统中的...

Python工程师全栈学习笔记

rsrucdhh的博客

12-04

1086

元组特点：定义元组使⽤⼩括号，且逗号隔开各个数据，数据可以是不同的数据类型。# 多个数据元组# 单个数据元组t2 = (10,)注意：如果定义的元组只有⼀个数据，那么这个数据后⾯也好添加逗号，否则数据类型为唯⼀的这个数据的数据类型t2 = (10,)t3 = (20)def 函数名(参数):代码1代码2......调用函数函数名(参数)注意： 1. 不同的需求，参数可有可无。2. 在Python中，函数必须先定义后使用。需求：复现ATM取钱功能。1. 搭建整体框架(复现需求)

深入解析prototype1.4.0开发经验与实践笔记

- 开发者可能需要关注这个特定版本中的新特性、改进和已知的bug修复。 3. **Prototype.js的特点**： - 它提供了许多预定义的函数和对象，以简化常见的JavaScript任务。 - 类库广泛兼容各种浏览器，支持标准...

企业培训笔记：axios 发送 ajax 请求

梁辰兴的博客

07-14

638

axios 是基于 Promise 的HTTP客户端，用于浏览器和 Node.js，是现代前端开发中最流行的请求库之一。核心特性浏览器与 Node.js 通用浏览器端基于，Node.js 端基于http模块。支持语法，避免回调地狱：const response = await axios.get('/api/data');拦截器可全局拦截请求和响应（如添加认证头、统一错误处理）：axios.interceptors.request.use(config => {});请求取消使用。

ajax和XMLHttpRequest以及fetch

A6516565189的博客

07-11

1186

本文探讨了前端网络请求的实现原理，从底层XMLHttpRequest(XHR)到现代fetch API的演进。作者通过实践代码演示了XHR的基本使用方式，包括open、send方法和readyState状态判断，解释了Ajax技术（异步JavaScript和XML）实现局部更新的原理。进一步用Promise封装XHR请求，对比了原生fetch API的简洁性，指出fetch实质上是对XHR和Promise的封装。文章强调理解底层原理的重要性，虽然现代工具如fetch和axios简化了开发，但掌握XHR等基础

AJAX 入门到精通

最新发布

BUG糕手的博客

07-15

380

AJAX（异步JavaScript和XML）是现代Web开发中实现无刷新数据更新的核心技术。本文介绍了AJAX的基本概念、核心特点以及三种实现方式：原生XMLHttpRequest对象、jQuery简化方法以及基于Promise的现代Fetch API。通过多个可运行代码示例，展示了如何发送GET/POST请求、处理错误和超时，以及解决跨域问题（CORS）。AJAX通过异步通信和局部刷新，显著提升了Web应用的用户体验和响应速度。

Ajax接收java后端传递的json对象包含长整型被截断导致丢失精度的解决方案

没刮胡子的程序员专栏

07-15

在使用java编写代码的时候，后端返回前端的JSON对象中包含了Long长整型，前端接受的时候丢失了精度问题。

MCP终极篇！MCP Web Chat项目实战分享

龙井茶的Sky

07-14

701

本文介绍了将MCP（多工具调用平台）打造为WebChat应用的全过程。主要内容包括：1）功能设计，支持数据库管理MCPServer、内置通用工具和动态生成MCPServer；2）架构优化，采用MCP_Client、MCP_Host和MCP_Chat三层结构解决多连接和消息管理问题；3）动态生成MCPServer的两种方法对比，新方法通过自定义list_tool和call_tool实现更高灵活度；4）实践中的稳定性问题及解决方案，如心跳检测和异步任务管理；5）遗留的MCP生命周期管理问题探讨。文章还提供了开源

Java EE进阶2：前端 HTML+CSS+JavaScript

2301_81743879的博客

07-15

327

t=P4F5t=P4F5t=P4F5t=P4F5t=P4F5HTML特殊字符转义对照表 - 在线工具栏提供HTML特殊字符转义对照表，HTML特殊字符转义参考，欢迎大家使用。CSS：层叠样式表 | MDN层叠样式表（Cascading Style Sheets，缩写为 CSS）是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言）文档的呈现方式。CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。