Ajax的特性及乱码问题

ajax的全称是asynchronous javascript and XML ,它是异步的js和XML。它是局部刷新,异步操作。

大家都知道ajax是单线程的,而且本身是同步的,但是单线程为什么可以异步肯定大多数人并不知道,下面由张燕妮同学给大家讲解一下子(不是很官方,但是很好理解):

在讲解之前我先给大家说一下线性数据结构吧,我们可以把单线性数据结构当成一条线段,线段是有头有尾的大家总知道吧,单线程就是线段的头部没有前区,尾部没有后区,中间的每个元素前后都各有两个元素,少了一个元素的时候,同时会有两个元素知道并且告诉你。而且是缺一个元素都不行。

回调函数就是把函数A当做参数传递给函数B,函数B执行这个函数A。回调函数最常见的用法就是我们ajax请求数据时用到的succes() and error()这两个函数,还有setInterval里面的第一个参数,也是用了回调函数。回调函数,回调函数,回调的字面意思可不就是掉个头回去再把那条路走一遍嘛。所以ajax在回调函数success()或者error被触发的时候掉过头去又走了一次,然后他就是异步的了,同时ajax是异步的,跟他类似的还有es6的promise(异步的同步操作)。

浏览器的进程是多进程的,至于为什么就跟你为什么叫XXX是一个道理呦~

第二个问题,当万能的前端遇到ajax获取后台数据时乱码是怎么回事应该是大家很纠结的。
-或许是网速问题,网太慢。

-或许是编码格式不统一,你的后台兄弟坑了你,哈哈哈哈

ajax原生代码都可否记得,不如我带你们捋一遍呀,看代码:

//1.创建xmlhttpRequest对象 var xhr; try{ xhr = new XMLHttpRequest(); console.log(5555) } catch(e){ //ie浏览器低版本兼容 xhr = new ActiveXobject("Microsoft.XMLHTTP"); } finally{ console.log(1111) } // try{} catch{} finally{}在这里是处理异常的方法,用if{}else{}也ok //if(window.XMLHttpRequest){ // xhr = new XMLHttpRequest(); // }else{ //ie浏览器低版本的兼容 // xhr = new ActiveXobject("Microsoft.XMLHTTP") //} //2.建立异步连接 xhr.open("get","url/+string",true/false);//true是异步,false是同步 //xhr.open("post","url",true/false) //3.发送异步请求 xhr.send(null);//get xhr.send(string);//post //4.获取返回数据 xhr.onreadystatechange = function (){ if((xhr.readystate)==4&&(xhr.status==200)){ var data = xhr.responseText; var data = JSON.parse(data); show(data); } } function show(data){ document.getElementById("div1").innerHTML = data; }

以上所述是小编给大家介绍的Ajax的特性及乱码问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-09-04 13:57:21

Ajax的特性及乱码问题的相关文章

PHP Ajax传值中文字符乱码如何解决

在PHP网站开发中,为了增加用户体验度,Ajax是一种经常使用的技术,但是对于初学者来说,时常会碰到Ajax传值中文字符串时变成乱码的问题,有什么办法可以解决PHP AJAX传值中文字符乱码的问题呢? 我们知道Ajax技术由Javascript演变而来,而Javascript使用UTF-8编码,当前后台页面采用GBK或者其他编码,同时没有进行编码转换时,就会出现中文字符乱码问题. PHP Ajax传值中文字符乱码解决方法 方法一.前后台页面以及数据库统一采用UTF8编码,这是最简单的方法. 方法

jquery ajax传递中文参数乱码问题及解决方法说明

 本篇文章主要是对jquery ajax传递中文参数乱码问题及解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery传递中文参数乱码,原因是默认的传递方式没有采用UTF-8,所有我们可以在传递参数的时候对参数进行编码,然后再操作,代码如下,红色的代码为传递的参数,已标注    代码如下: smsubmitclick = function(){    $(document).ready(function(){        var name = $("#txt_name&q

escape函数解决js中ajax传递中文出现乱码问题_javascript技巧

本文实例讲述了escape函数解决js中ajax传递中文出现乱码问题,分享给大家供大家参考.具体方法如下: 一.问题描述: 本来网页特效中的escape()是将中文按iso-8859-1字符集进行url编码的,那样通过 request.getparameter()是能直接获取到请求参数的,但后来的javascript将escape()换成了unicode字符集编 码,如此一来,在jsp教程和servlet中就没法直接拿到请求参数了,具体原因我也不知道. 二.解决办法: 1.首先对中文字符进行两次

ajax服务器端到客户端乱码问题

问题描述 ajax服务器端到客户端乱码问题 服务器端使用的是Servlet,传递的中文都是乱码, public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int parent=Integer.parseInt(request.getParameter("parent")); response.setContentT

闲话Ajax传递中文出现乱码

话说前两天吧,一个项目中因为要通过ajax调用ashx(一般处理程序),并传递一连串的参数,这参数里面包含了一些中文,其实之前一直在使用,没发现什么问题,但是这两天突然出现中文转换乱码,出现这样的问题完全是由于对标准的不熟悉,至于网上其它人说的修改jquery文件,使用 escape.encodeURI.encodeURIComponent方法,也许可行,但经我测试并未解决问题,可能环境不同也会造成此问题,在这里我不表示反对,除了以后所述,我还测试了其它的方法,比如在requert前后更改编码类

jquery ajax post提交数据乱码_jquery

在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定,所以出现乱码问题.解决方法: 复制代码 代码如下: $.ajaxSetup({  contentType: "application/x-www-form-urlencoded; charset=utf

javascript ajax提交数据中文乱码解决办法

一个UTF8页面需要POST数据到GB2312页面,这时中文的编码是按照UTF8提交过去的,GB2312页面无法接收.如何实现,网络搜索了一种很不错的方法,但有缺陷,这里一一说起. 1.FORM标签里加上accept-charset代码,这个能把FORM里的数据自动编码成指定的字符集提交,比如在UTF8页面提交数据到GB2312,代码就是accept-charset="GB2312″,但accept-charset除了IE其他浏览器都支持... 2.这时可以在提交时触发JS,document.c

jquery的ajax()函数传值中文乱码解决方法介绍_jquery

复制代码 代码如下: $.ajax({ dataType : 'json',type : 'POST',url : 'http://localhost/test/test.do',data : {id: 1, type: '商品'},success : function(data){ } } ); 问题: 提交后后台action程序时,取到的type是乱码 解决方法: 方法一:提交前采用encodeURI两次编码,记住一定是两次 1.修改以下代码 复制代码 代码如下: data:{id:1, t

jQuery AJAX保存数据中文乱码解决方案

在处理一个GB2312编码的网站,用jQuery AJAX提交时,无论是在数据库,还是load返回页面,中文数据都变成了乱码. jQuery AJAX中文乱码原因在于javascript使用的是UTF-8国际编码,UTF-8每个汉字用4个字节来存储.而我的页面和数据库都用GB2312编码,这就造成了AJAX send数据的时候出现中文乱码的问题. 解决方法是,所有的页面编码声明都用utf-8,数据库.表.字段也用utf-8.    代码如下 复制代码 <meta http-equiv="C