ajax传值为什么google和ie传值不一样_ajax手动封装

最新推荐文章于 2021-07-12 17:12:45 发布
最新推荐文章于 2021-07-12 17:12:45 发布
阅读量115 收藏
点赞数
文章标签： ajax传值为什么google和ie传值不一样 ajax传参 ajax回调函数 ajax封装 ajax怎么传file参数 ajax请求图片
什么是Ajax(Ajaj)
ajax(Asynchronous JavaScrip and XML 异步的javascript和xml)
可实现异步、局部的获取数据

XML格式 和 json格式: 虽然是说ajax，但是现在很少使用XML格式了，因为不方便操作，我们使用json格式，它和javascript语法很像，操作起来很方便。

json格式: 类似对象被大括号包围，并且键和值都都需要被双引号包裹(除了number值和boolean值);

json格式字符串: 这个和json格式唯一的区别仅仅是它是json格式的字符串,多了一对单引号。

JSON.parse(data) // json格式字符转json

JSON.stringify(data) // json转字符串

<name>aimee

get请求: 通常用来获取数据post请求: 通常用来上传数据

封装Ajax:
1. web浏览器
2. ajax对象

xml = new XMLHttpRequest()
3. 初始化HTTP请求参数(请求方式,地址,同步异步)

xml.open()
4. 发送请求

xml.send()
5. 监听数据
readyState发生改变的时候出发onreadystatechange事件

readyState五种状态:
0-(未初始化) 还没有调用send()方法
1-(载入) 已调用send()方法,正在发送请求
2-(载入完成) send()方法执行完成,已经接收到全部响应内容
3-(交互) 正在解析响应内容
4-(完成) 响应内容解析完成,可以在客户端调用了

6. 检查数据 使用

xml.status

HTTP状态码 xml.status
100: 信息类,表示web浏览器请求,正在进一步处理中
200: 成功,表示用户请求被正确接收正在进一步处理中 200 OK
300: 表示没有请求成功,客户端必须采取进一步的动作
400: 客户端错误,表示客户端提交的请求错误 列如:404 NOT Found
500: 服务器错误 表示服务器不能完成对请求的处理,如:505

基础ajax.js文件之get示范

注意点:

  1. XMLHttpRequest在IE7以上才出现，要做好以前浏览器的兼容处理；
function

POST配置: 上传参数

注意点:

  1. 传值格式: username=aimee&age=18
  2. 拼接的字符串在第四步xml.send(data)这里上传
  3. 比get多xml.setRequestHeader()这个参数,告诉服务器编码格式
document

GET配置: 那GET也可以传参吗？

答案是: 可以的

注意点:

1. get请求传参拼接在url+?后方

function

终极大招: 封装Ajax

注意点:

  1. 多次使用get请求同一个地址，会产生缓存,post请求不会产生缓存,解决办法: 使用随机数或时间戳(这个更适合)

v2-ee2fa007e0f5a9e220d525042666e8d0_b.jpg
  1. (为什么插了张图片,这里要重新开始呢??)
  2. 防止有时候浏览器不认get、post的小写。兼容一下: method = method.toUpperCase();
document

以下是html文件:

<!DOCTYPE html>
weixin_39538847
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Ajax传值到Servlet出现乱码问题的解决方法
10-21
在开发Web应用时，我们经常会遇到字符编码的问题，特别是在使用jQuery AJAX与Servlet进行交互时。本文将详细讨论如何解决jQuery AJAX向Servlet传递...遵循这些步骤，一般可以有效解决AJAX传值到Servlet时的乱码问题。
IE和Google浏览器事件传递参数不同
xiuzhentianting的博客
09-07 860
左键标示，IE里面是1，Google里面是0，右键都是2. 判断为左键，0或1都是 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 您好，欢迎登陆英才库招聘网 //鼠标左键按下 OptType=2 //鼠标左键抬起 OptType=3 function LeftButtonUp()  { d
what？你竟然不知道C#中的方法及参数的类型解析！那还不快来瞅瞅
weixin_49669470的博客
08-10 240
前言 哈哈，今天来给大家讲解一下关于C#中方法及参数的几种类型解析，没有看过的朋友，可以仔细的来瞧瞧了！ 那么，还是话不多说，直接给大家先上今天的干货了。 一、方法中参数的类型 1.in型参数 int 型参数通过值传递的方式将数值传入方法中，即我们在Java中常见的方法。 2.ref型参数 该种类型的参数传递变量地址给方法（引用传递），传递前变量必须初始化。该类型与out型的区别在与： 1**：**ref 型传递变量前，变量必须初始化，否则编译器会报错，而out型则不需要初始化。 2**：**ref 型
php传值方式和ajax的验证功能
10-20
由于AJAX的异步特性，`u_ajax`的返回值在请求未完成时总是`undefined`，因此我们需要在`onreadystatechange`回调中处理结果。如果错误信息的长度大于0，表示存在错误，验证失败，返回`false`；否则，表示验证成功，...
laravel5.1 ajax post 传值_token示例
10-16
今天小编就为大家分享一篇laravel5.1 ajax post 传值_token示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Jquery Ajax方法传值到action的方法
10-25
jQuery AJAX 是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在Web开发中，特别是使用ASP.NET MVC框架时，AJAX方法经常用于提高用户体验，因为它们允许异步处理请求，使得用户界面更加流畅。...
jquery的ajax()函数传值中文乱码解决方法介绍
10-27
这个问题主要出现在数据发送到服务器时，由于编码格式不一致导致的字符乱码。以下是一些解决此问题的方法： 方法一：使用`encodeURI()`进行两次编码 在发送数据前，可以对包含中文的数据字段使用`encodeURI()`函数...
谷歌浏览器ie浏览器 toLocaleDateString()的值不同
qq_31452297的博客
07-12 362
问题描述：new Date().toLocaleDateString() 在2个浏览器之间返回值不同，在我请求的url中加上这个参数，谷歌显示的是zh
谷歌浏览器get传汉字参数没问题，但到IE中get方式传参有乱码问题解决方案
南宫沉梦博客
10-24 484
谷歌浏览器相对于IE较为智能，会自动给你转，但是IE不行，所以在中文参数必须经过转码 value = URLEncoder.encode(中文参数, "UTF-8");
一个关于Jquery Ajax和ashx(IE,FirFox,Google)的小问题
a349561767的博客
12-04 78
最近在做一个项目，Js方面用Jquery和Josn相结合用的比较多，特别是Jquery的Ajax，但是今天我突然遇到一个诡异的问题。 　　一、配置服务器端。 　　　　新建一个Application的Project，添加一个ashx的文件，打算用这个ashx文件作为Jquery的Ajax的异步相应，在webconfig的HttpHandler中也配置好了。到这里服务器端的东西都已经搞好...
【Python】【Flask】前端调用后端方法返回页面
weixin_34261739的博客
11-30 2214
后端代码： @app.route("/test",methods=['POST','GET']) def test(): return "我是测试的" 前端代码： 1、使用&lt;a&gt;标签 &lt;a href="{{url_for('test')}}"&gt;我是测试&lt;/a&gt; 这个是最简单的，点击一下，就自动跳转了。 2、使用&lt;button&g
谷歌浏览器如何设置可以解决ajax请求跨域问题
weixin_40092506的博客
08-02 688
首先我们将错误重现一下： 你会发现 你写的ajax请求方法没有问题 在IE浏览器上验证能取回来数据 但唯独在谷歌上会报以上错误 此时 莫慌 选中谷歌浏览器右键 点击属性 如图： 然后将键盘切换英文状态 在exe后面按一个空格 复制：【–disable-web-security --user-data-dir=C:\chromedata】 然后 重启谷歌浏览器 就大功告成啦！【注意：有的e...
ajax请求在ie浏览器上的兼容性问题
业余前端的职业经历
10-26 2310
本人在服务器上调试程序 发现ajax请求在 谷歌浏览器和火狐浏览器 调试着都没有问题 但在ie上就出现了问题，这里我就把碰见的问题以及最后怎么解决的 分享一下 第一次 运行的时候 就报错了 我打开控制台发现了问题 ie浏览器一直报我这里缺少函数 我查了下 原来 ie不支持 这种写法 所以 我就用原生了 dom方法 document.getElementById()获取元素 用...
让chrome浏览器支持ajax请求本地文件
赶路人儿
06-18 1334
给chrome加上启动参数： --allow-file-access-from-files 或者　 --disable-web-security 给chrome加上启动参数方法： 谷歌浏览器快捷方式，右键属性将目标位置中加上启动参数 C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disab
IE6里的json对象的方法调用与谷歌等的异同
sinat_24540141的专栏
01-29 566
最近公司做的项目都是首要支持IE6，所以在写前端js文件时候遇到的很多问题。这里就暂时写今天遇到的问题，希望能帮到以后的朋友。 var $validate={ noticeNo:function ads(){ return 'a'; }, incomeAgency:function sd(){ return 'b'; }  //注意这里IE6对这方面处理可能不
input 用Ajax传值
最新发布
05-25
要使用 Ajax 来传递 input 值，可以使用以下步骤： 1. 创建一个 input 元素和一个按钮元素，用于获取用户输入和触发 Ajax 请求。 ```html <input type="text" id="input-value"> <button id="submit-btn">Submit</button> ``` 2. 使用 jQuery 的 `$.ajax()` 方法来发送 Ajax 请求。在请求中，将 input 值作为数据（data）传递给服务器。 ```javascript $(document).ready(function() { $("#submit-btn").click(function() { var inputValue = $("#input-value").val(); $.ajax({ type: "POST", url: "your-api-url", data: { input: inputValue }, success: function(response) { console.log(response); } }); }); }); ``` 3. 在服务器端接收请求，解析传递的数据，并返回相应的响应。 ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/your-api-url', methods=['POST']) def process_input(): input_value = request.form.get('input') # do something with the input value output = "Processed input: " + input_value return jsonify(output) if __name__ == '__main__': app.run() ``` 这样，当用户在 input 元素中输入值并点击按钮时，就会通过 Ajax 发送 POST 请求到服务器端，并将 input 值作为数据传递给服务器。服务器接收到请求后，解析数据并返回相应的响应。在客户端的 Ajax 请求成功回调函数中，可以处理服务器返回的响应数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值