ajax学习第二天——ajax框架，juery的实现xml，中文乱码与跨域访问

最新推荐文章于 2021-08-05 14:55:05 发布
最新推荐文章于 2021-08-05 14:55:05 发布
阅读量1.2k 收藏 5
点赞数
分类专栏： ajax学习之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/danny1991/article/details/50812094
版权

1、AJAX框架

jquery：属于纯粹的前台框架，比较轻量级，JavaScript语言
prototype：与jquery类似，历史比较久

dojo：页面端框架
ext：重量级页面端框架，多用于内网系统。夸张成桌面 

dwr：JavaScript调用java，不提供页面效果 


//用户名校验的方法
//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互
var xmlhttp;
function verify(){
    //1、使用dom的方式获取文本框中的值
    //document.getElementById("username")是dom中获取元素节点的一种方法，一个元素节点对应HTML中的一个标签，如<input>
    //.value可以获取一个元素节点的value属性值
    var username = document.getElementById("username").value;

    //2、创建XMLHttpRequest对象
    //这是XMLHttpRequest对象五步使用中最复杂的一步(不同浏览器的差异)

    if (window.XMLHttpRequest){
        //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
        xmlhttp = new XMLHttpRequest();
        //针对某些特定版本的mozillar浏览器的BUG进行修正，不要加()
        if (xmlhttp.overrideMimeType){
            xmlhttp.overrideMimeType("text/xml");
        }
    }else if (window.ActiveXObject){
        //针对IE6,IE5.5,IE5
        //两个可以用于创建XMLHttpRequest对象的空间名称，保存在一个js的数组中
        //排在前面的版本较新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i =0;i<activexName.length;i++){
            try{
                //去除一个空间名进行创建，如果创建成功就终止循环
                //如果创建失败，会抛出异常，然后可以继续循环，继续尝试创建
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            }catch(e){
            }
        }
    }

    //确认XMLHttpRequest对象创建成功
    if (!xmlhttp){
        alert("XMLHttpRequest对象创建失败！！");
        return;
    }else{
        alert(xmlhttp);
    }

    //2.注册回调函数
    //注册回调函数时，只需要函数名，不要加()
    //我们需要将函数名注册，如果加上()，就会把函数的返回值注册上，这是错误的
    xmlhttp.onreadystatechange = callback;

    //3.设置连接信息()共5个参数
    //第一个参数表示http的请求方式，支持所有http的请求方式，主要使用get和post
    //第二个参数表示请求的url地址，get方式请求的参数也在url中
    //第三个参数表示采用异步还是同步方式交互，true表示异步，false同步
    xmlhttp.open("GET","AjaxServletDemo1?username="+username,true);

    //4.发送数据，开始和服务器端进行交互
    //同步方式下，数据回来后才继续执行send后面的代码
    //异步方式，send后继续执行
    xmlhttp.send(null);
}

//回调函数
function callback(){
    //5.接收响应数据
    //判断对象的状态是否交互完成
    if (xmlhttp.readyState == 4){
        //判断http的交互是否成功
        if (xmlhttp.status == 200){
            //获取服务器端返回的数据
            //获取服务器端输出的纯文本数据
            var responseText = xmlhttp.responseText;
            //将数据显示在页面上
            //通过dom的方式找到div标签对应的元素节点
            var spanNod = document.getElementById("result");
            spanNod.innerHTML = responseText;
        }
    }
}

XMLHttpRequest对象的属性：

属性

说明

readyState

readyState一改变，回调函数就调用

表示XMLHttpRequest对象的状态：

0：未初始化。对象已创建，未调用open；

1：open方法成功调用，但Send方法未调用；

2：send方法已经调用，尚未开始接受数据；

3：正在接受数据。Http响应头信息已经接受，但尚未接收完成；

4：完成，即响应数据接受完成。

Onreadystatechange

请求状态改变的事件触发器（readyState变化时会调用这个属性上注册的javascript函数）。

responseText

服务器响应的文本内容

responseXML

服务器响应的XML内容对应的DOM对象

Status

服务器返回的http状态码。200表示“成功”，404表示“未找到”，500表示“服务器内部错误”等。

statusText

服务器返回状态的文本信息。



方法

说明

Open(string method,

string url,

boolean asynch,

String username,

string password)

指定和服务器端交互的HTTP方法，URL地址，即其他请求信息；

Method:表示http请求方法，一般使用"GET","POST".

url：表示请求的服务器的地址；

asynch：表示是否采用异步方法，true为异步，false为同步；

后边两个可以不指定，username和password分别表示用户名和密码，提供http认证机制需要的用户名和密码。

Send(content)

向服务器发出请求，如果采用异步方式，该方法会立即返回。

content可以指定为null表示不发送数据，其内容可以是DOM对象，输入流或字符串。

SetRequestHeader(

String header,String Value)

设置HTTP请求中的指定头部header的值为value.

此方法需在open方法以后调用，一般在post方式中使用。

getAllResponseHeaders()

返回包含Http的所有响应头信息，其中相应头包括Content-length,date,uri等内容。

返回值是一个字符串，包含所有头信息，其中每个键名和键值用冒号分开，每一组键之间用CR和LF（回车加换行符）来分隔！

getResponseHeader(String header)

返回HTTP响应头中指定的键名header对应的值

Abort()

停止当前http请求。对应的XMLHttpRequest对象会复位到未初始化的状态。


2、XMLHttpRequest的XML交互

服务器端： 
package seu.xinci.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

/**
 * Created by Administrator on 2016-3-6.
 * 返回xml数据
 */
@WebServlet(name = "AjaxServletDemo2",urlPatterns = {"/AjaxServletDemo2"})
public class AjaxServletDemo2 extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //修改点1——text/html->text/xml
        response.setContentType("text/xml;charset=UTF-8");

        String username = request.getParameter("username");
        PrintWriter out = response.getWriter();

        //修改点2——返回的数据需要拼装成xml格式，即加上标签
        StringBuilder sb = new StringBuilder();
        sb.append("<message>");
        if (username == null || username.trim().equals("")){
            sb.append("用户名不能为空").append("</message>");
        }else {
            if (username.equals("aaa")){
                sb.append("该用户已存在，不能进行注册").append("</message>");
            }else {
                sb.append("该用户名可以注册").append("</message>");
            }
        }
        out.write(sb.toString());
    }
}


js： 
//用户名校验的方法
//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互
var xmlhttp;
function verify(){
    //1、使用dom的方式获取文本框中的值
    //document.getElementById("username")是dom中获取元素节点的一种方法，一个元素节点对应HTML中的一个标签，如<input>
    //.value可以获取一个元素节点的value属性值
    var username = document.getElementById("username").value;

    //2、创建XMLHttpRequest对象
    //这是XMLHttpRequest对象五步使用中最复杂的一步(不同浏览器的差异)

    if (window.XMLHttpRequest){
        //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
        xmlhttp = new XMLHttpRequest();
        //针对某些特定版本的mozillar浏览器的BUG进行修正，不要加()
        if (xmlhttp.overrideMimeType){
            xmlhttp.overrideMimeType("text/xml");
        }
    }else if (window.ActiveXObject){
        //针对IE6,IE5.5,IE5
        //两个可以用于创建XMLHttpRequest对象的空间名称，保存在一个js的数组中
        //排在前面的版本较新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i =0;i<activexName.length;i++){
            try{
                //去除一个空间名进行创建，如果创建成功就终止循环
                //如果创建失败，会抛出异常，然后可以继续循环，继续尝试创建
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            }catch(e){
            }
        }
    }

    //确认XMLHttpRequest对象创建成功
    if (!xmlhttp){
        alert("XMLHttpRequest对象创建失败！！");
        return;
    }else{
        alert(xmlhttp);
    }

    //2.注册回调函数
    //注册回调函数时，只需要函数名，不要加()
    //我们需要将函数名注册，如果加上()，就会把函数的返回值注册上，这是错误的
    xmlhttp.onreadystatechange = callback;

    //3.设置连接信息()共5个参数
    //第一个参数表示http的请求方式，支持所有http的请求方式，主要使用get和post
    //第二个参数表示请求的url地址，get方式请求的参数也在url中
    //第三个参数表示采用异步还是同步方式交互，true表示异步，false同步

    //GET方式
    //xmlhttp.open("GET","AjaxServletDemo1?username="+username,true);

    //POST方式
    xmlhttp.open("POST","AjaxServletDemo2",true);

    //POST方式需要自己设置http的请求头
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

    //4.发送数据，开始和服务器端进行交互
    //同步方式下，数据回来后才继续执行send后面的代码
    //异步方式，send后继续执行

    //GET方式
    //xmlhttp.send(null);

    //POST方式
    xmlhttp.send("username="+username);
}

//回调函数
function callback(){
    //5.接收响应数据
    //判断对象的状态是否交互完成
    if (xmlhttp.readyState == 4){
        //判断http的交互是否成功
        if (xmlhttp.status == 200){
            //获取服务器端返回的数据
            //使用responseXML的方式来接收XML数据对象的DOM对象
            var domObj = xmlhttp.responseXML;
            if (domObj) {

                //获取标签节点
                //<message>123123123</message>
                //dom中利用getElementsByTagName可以根据标签名来获取元素节点，返回的是一个数组
                var Nodes = domObj.getElementsByTagName("message");

                if (Nodes.length > 0) { //获取message节点中的文本内容
                    //message标签中的文本在dom中是message标签所对应的元素节点的字节点，firstChild可以获取到当前节点的第一个子节点
                    //通过以下方式就可以获取到文本内容所对应的节点
                    var textNode = Nodes[0].firstChild;
                    //对于文本节点来说，可以通过nodeValue的方式返回文本节点的文本内容
                    var responseMessage = textNode.nodeValue;


                    //将数据显示在页面上
                    //通过dom的方式找到div标签对应的元素节点
                    var spanNod = document.getElementById("result");
                    spanNod.innerHTML = responseMessage;
                } else {
                    alert("xml数据错误" + xmlhttp.responseText);
                }
            } else {
                alert("解析对象失败");
            }
        }
    }
}

GET和POST的区别：
“GET”和“POST”的一个重要区别在于，“GET”方式传递给服务器的信息一般以后缀参数方式存在于URL地址中，而URL的长度通常都有限制，这也就限制了“GET”方式传递给服务器的内容大小
而“POST”方式传递给服务器的信息并不位于URL地址中，所以没有大小限制。
通常我们在服务器端的Servlet中，doGet和doPost做的是一样的工作，因此由于POST传递信息没有大小限制，我们实际应用中比较多的会使用POST。  
xmlhttp.open("GET","AJAXServer?name=" + encodeURI(encodeURI(name)),true);
xmlhttp.send(null);


xmlhttp.open("POST","AJAXServer",true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send("name=" + encodeURI(encodeURI(name)));

每次readyState变化时onreadystatechange属性对应的函数都会被调用。
之前我们曾经说过onreadystatechange属性设置回调函数是为了在接收到响应数据后对响应数据进行处理，之所以这样说是因为我们通常只关心收到响应数据以后时的工作，也就是readyState=4时的状态，因此我们的回调函数中也用readyState==4来做判断。 

status和statusText属性：
它的值是http的状态码，我们通常只在status=200时才进行响应数据处理，但也可根据具体情况在status为其他值时做一些处理。
statusText属性一般用于status不为200时显示详细的http错误状态信息 

responseText与responseXML属性：
无论服务器端返回的是XML还是普通的文本内容，html内容，都可以使用responseText属性来获得服务器端的返回值。
当服务器端返回的不是XML内容是，不同的浏览器在获取responseXML属性值时略有不同，IE仍然会获取到一个DOM对象，只不过内容是空的，而FireFox获取到的则是一个null 

需要注意的内容：
  • 1.不同浏览器下XMLHttpRequest对象的不同的建立方式 
  • 2.设置回调函数时不要加括号
  • 3. open方法三个参数含义，此外还需要注意GET方式和POST方式服务器端地址的不同写法 
  • 4. GET方式和POST方式send的参数的不同之处，以及POST方式下send之前需要设置请求头信息的工作 
  • 5.如何判断正确的响应数据已经返回，此外还要注意如何获取响应数据内容。 

4、Jquery的XML交互

function verify(){
    var username = $("#username").val();

    $.ajax({
        type:"POST",                //http请求方式
        url:"AjaxServletDemo2",     //服务器端url地址
        data:"username="+username,  //发送给服务器端的数据
        dataType:"xml",             //告诉jquery数据返回形式
        success:callback            //定义交互完成。回调函数的名字
    })
}

function callback(data){
    //需要将dom对象转换成jquery对象
    var jqueryObj = $(data);
    //获取message节点
    var message = jqueryObj.children();
    //获取文本内容
    var text = message.text();

    var resultObj = $("#result");
    resultObj.html(text);

}

5、浏览器缓存问题

IE：若url地址未变，则读取缓存信息。
给URL地址增加时间戳，骗过浏览器 
function verify() {
    //解决中文乱麻问题的方法1，页面端发出的数据作一次encodeURI，服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
    //解决中文乱麻问题的方法2，页面端发出的数据作两次encodeURI，服务器段使用URLDecoder.decode(old,"UTF-8")
    var url = "AJAXServer?name=" + encodeURI(encodeURI($("#userName").val()));
    url = convertURL(url);
    $.get(url,null,function(data){
        $("#result").html(data);
});
}

//给url地址增加时间戳，骗过浏览器，不读取缓存
function convertURL(url) {
    //获取时间戳
    var timstamp = (new Date()).valueOf();
    //将时间戳信息拼接到url上
    //url = "AJAXServer"
    if (url.indexOf("?") >= 0) {
        url = url + "&t=" + timstamp;
    } else {
        url = url + "?t=" + timstamp;
    }
    return url;
}
换验证码！！

6、中文乱码与跨域调用

中文乱码问题：编码统一问题
1、本页面编码
2、发送内容的编码        jquery中利用encodeURL  内部默认使用的是UTF-8
3、接收信息的编码        request.setCharacterEncoding("UTF-8")
4、返回数据的编码        response.setContentType("text/html;charset=UTF-8")

跨域访问：

XMLHttpRequest的一个特殊安全问题：
IE：访问跨域页面时会给出提示，用户确认后会访问
Mozilla FireFox及其他：不允许访问跨域页面


如何解决跨域访问：



浏览器端：
在浏览器端的代码中，我们需要在调用open方法之前判断一下要连接的地址是不是以http开头的，如果是则认为要访问的是跨域的资源，首先将当前url中的”?”变成”&”，这是因为将要连接的地址改为”Proxy?url=” + url以后，如果原来url地址中有参数的话，新的url地址中就会有两个“?”这会导致服务器端解析参数错误，”url=”之后的内容表示本来要访问的跨域资源的地址。 
function convertURL(url){
	if(url.substring(0,7) == "http://"){
      url = url.replace("?","&");
      url = "Proxy?url=" + url;
}
	return url;
}

代理端： 
import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import java.io.OutputStreamWriter;
import java.net.*;
import java.util.Enumeration;

public class Proxy extends javax.servlet.http.HttpServlet {
    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response)
            throws javax.servlet.ServletException, java.io.IOException  {
        response.setContentType("text/html;charset=GB2312");
        String url = request.getParameter("url");
        StringBuffer param = new StringBuffer();
        Enumeration enu = request.getParameterNames();
        int total = 0;
        while(enu.hasMoreElements()){
            String name = (String)enu.nextElement();
            if(!name.equals("url")){
                if(total == 0){
                    param.append(name).append("=").append(URLEncoder.encode(request.getParameter(name),"UTF-8"));
                } else{
                    param.append("&").append(name).append("=").append(URLEncoder.encode(request.getParameter(name),"UTF-8"));
                }
                total++;

            }
        }
        PrintWriter out = response.getWriter();
        if(url != null){
            URL connect = new URL(url.toString());
            URLConnection connection = connect.openConnection();
            connection.setDoOutput(true);
            OutputStreamWriter paramout = new OutputStreamWriter(connection.getOutputStream());
            paramout.write(param.toString());
            paramout.flush();
            BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream(),"GB2312"));
            String line;
            while((line = reader.readLine()) != null){
               out.println(line);
            }
            paramout.close();
            reader.close();
        }

    }
    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, java.io.IOException {
        response.setContentType("text/html;charset=GB2312");
        StringBuffer url = new StringBuffer();
        url.append(request.getParameter("url"));
        Enumeration enu = request.getParameterNames();
        int total = 0;
        while(enu.hasMoreElements()){
            String name = (String)enu.nextElement();
            if(!name.equals("url")){
                if(total == 0){
                    url.append("?").append(name).append("=").append(URLEncoder.encode(request.getParameter(name),"UTF-8"));
                } else{
                    url.append("&").append(name).append("=").append(URLEncoder.encode(request.getParameter(name),"UTF-8"));
                }
                total++;

            }
        }
        PrintWriter out = response.getWriter();
        if(url != null){
             URL connect = new URL(url.toString());
             BufferedReader reader = new BufferedReader(new InputStreamReader(connect.openStream(),"GB2312"));
             String line;
             while((line = reader.readLine()) != null){
                out.println(line);
             }
             reader.close();
        }

        http://www.sohu.com/index.html?name=123&id=000
        Proxy?url=http://www.sohu.com/index.html&name=123&id=000

        url=http://www.sohu.com/index.html&name=123&id=000

        http://www.sohu.com/index.html?id=000&name=123

//ฮารว
}
}
注意Proxy中针对GET方式和POST方式进行了分别的处理，其中GET方式仍然将参数信息拼到URL中，而POST方式则向HttpURLConnection的数据流中添加参数信息。 
由于对本来请求的地址和其包含的参数进行了转换，导致url参数中只包含原来请求的地址信息，而原来请求的参数信息则需要我们解析出来和地址信息一起重新组成本来的请求URL，因此方法开头的一段while就做了这个工作。 

注意由于进入servelt之前参数信息已经被做过一次URLDecoder，因此这个时候参数信息中的中文信息传到真正要访问的servlet时解码会出现乱码，因此我们再拼接参数信息之前又再一次通过URLEncoder.encode方法对所有参数信息进行了一次编码，这样就解决了中文的乱码问题。
在从远端服务器读取数据时，要显示的指定输入流的编码格式，这样才可以保证通过BufferReader读到的内容不会有乱码信息。 

danny1991
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax取得XML响应的中文乱码问题(持续整理中...)
jianghe727的专栏
03-06 4308
首先，讨论一下HTML页面发送请求到JSP页面并返回XML的情况，请看下面的表格。        Html-charset表示的是发出请求的HTML页面采用的编码格式。（）        Jsp-pageEncoding表示的是生成XML串并产生响应的JSP页面的编码格式。（）        setContentType-charset表示的是response响应的编码格式。（默认）表
Ajax跨域访问XML数据的另一种方式——使用YQL查询语句
ddjq1044的博客
05-15 137
　　XML数据默认是不能在客户端通过Ajax跨域请求读取的，一般的做法是在服务器上写一个简单的代理程序，将远程XML的数据先读到本地服务器，然后客户端再从本地服务器通过Ajax来请求。由于我们不能对数据源所在的环境进行任何设置和修改，所以仅通过客户端代码很难绕过这个问题。但如果请求的数据不是XML而是JSON对象或者JavaScript函数，则通过JSONP方法可以非常容易地解决，直接调...
Aspnet JQuery Ajax XML跨域读取
08-16 3591
网上流传的方法基本是java方面的那种jsonp,Aspnet读取大致思路比较相似。 comment.xml       http://image.meimumeijia.com/product_comment/2013/08/327956_201308161103132272_small.jpg     咚咚咚咚，测试测试！         http://imag
jquery 访问 xml 时出现乱码
hughlaw的专栏
03-22 983
<br />xml文件如下： <br /><br /> <?xml version="1.0" encoding="utf-8" ?>  <br /> <books>  <br />     <book title="藏地密码" imageurl="http://www.iwms.net/buy/pic/product_6.gif">  <br />        <description>  <br />   这里是概况(www.huyang8.com)  <br />
jQuery实现ajax跨域请求XML数据 并解析XML元素
design321的专栏
08-31 7590
名称 文件路径 文件大小 状态 操作 等待加载，请选择上传文件...
用JQuery 实现AJAX加载XML并解析的脚本
10-29
### 使用JQuery实现AJAX加载XML并解析的脚本 #### 一、引言 在Web开发中，AJAX技术的应用十分广泛，特别是在前后端分离的项目中，它能够实现局部刷新，提升用户体验。而使用JQuery库进行AJAX请求处理，更是因其...
jQuery ajax方法传递中文时出现中文乱码的解决方法
11-29
在使用jQuery的AJAX方法进行数据交互时，有时会遇到中文字符乱码的问题。这是因为浏览器、服务器和前端之间编码不一致导致的。本文将详细解释这个问题，并提供有效的解决方案。 首先，我们要理解AJAX（Asynchronous...
JQuery AJAX 中文乱码问题解决
10-27
在开发Web应用时，我们经常会遇到与字符编码有关的问题，特别是在使用JQuery AJAX进行异步数据传输时。AJAX（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下更新部分网页内容，大大提升了...
JQuery发送ajax请求时中文乱码问题解决
01-21
这篇文章主要介绍了JQuery发送ajax请求时中文乱码问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 先排除项目故障： 1.web.xml中是否配置了字符拦截器...
Ajax返回responseXML乱码问题
07-24 1935
这个问题正解如下：页面设置编码： servlet： response.setContentType("text/xml;charset=gbk");      PrintWriter out = response.getWriter();      //构造xml字串      //response.setContentType("text/xml");          
在解决AJAX跨域问题时碰到了乱码
huhupure
05-04 144
因为在一个TOMCAT的http://127.0.0.1:8080端口的一个WEB应用中,需要使用AJAX的方式访问http://127.0.0.1:8989端口下的资源,来动态更新页面上的数据,由于在firefox碰到跨域问题,不得以写了一个servlet 代理,通过代理改变AJAX的URL来获取数据,但返回的中文数据出现了乱码,一时找不到原因,请大家帮着分析一下. servlet 中的代...
WEB学习笔记之 Ajax异步请求，中文乱码问题处理
入不了门的猿
05-22 9192
Ajax异步请求，中文乱码问题处理1.在javascript中： 有以下解码函数：js 中提供encodeUri/decodeUri,espase,decodeComponentUri这些方法对中文进行编码解码，需要注意的是这些函数都是默认按照utf-8字符集，进行解码和编码的encodeUrl和decodeUrl： 1.基本概念encodeURI和de...
在 Ajax 中进行 XML 处理，第 1 部分: 四种方法,在 Ajax 程序中解析和转换 XML
04-22 425
希腊哲学家亚里士多德曾经写到：“通往失败的道路有许多条……，但通往成功的道路仅有一条。” 遗憾的是，亚里士多德并不是一名计算机程序员。虽然亚里士多德的第一个论断符合编程的特点 — “通往失败的道路有许多条” — 他的第二个推测却没有一点依据。本系列文章针对同一问题运用了四种方法。每种方法都被证明是正确的 — 每种方法都有各自的优缺点。它们要解决的问题并不复杂，同样，解决方案也不复杂。尽管如
ajax js跨域后乱码原因及解决办法
chinesesword的专栏
02-21 8154
ajax js跨域后乱码原因及解决办法 博客分类： Web js 乱码  项目中用到jQuery的ajax从二级域名下的页面访问web应用，开始采用的是jQuery，json，struts2的组合，发现jQuery的回调不能执行，于是搜索资料，结果发现是由于跨域的问题，后来采用第三方协议jsonp，问题得到解决。后来传递中文数据的时候又遇到乱码等问题，由于之前没这方面的经验，
17_解决Ajax中文乱码与跨域访问
maqingbin8888的专栏
01-25 2414
AJAX中文乱码问题的解决方法有两种：(1)页面端数据作一次encodeURI,服务器端稍作改变即可面面端verify.js脚本:function verify(){ //1.接收html数据 //解决中文乱码问题的方法：1页面端发出的数据作一次encodeURI,服务器端使用 //解决中文乱码问题的方法：2页面端发出的数据作两次的encodeURI,
[原]AJAX跨域访问——XMLHttpRequest代理实现
dfu54516的博客
09-29 420
跨域访问简单来说就是A网站的JavaScript代码试图访问B网站,包括提交内容和获取内容.由于安全原因,跨域访问是被各大浏览器所默认禁止的.在广域网环境中，由于浏览器的安全限制，网络连接的跨域访问时不被允许的，XmlHttpRequest也不例外。但有时候跨域访问资源是必需的。 我们不能在浏览器端直接使用AJAX来跨域访问资源，但是在服务器端是没有这种跨域安全限制的。...
ajax跨域请求 xml,XMLHttpRequest的跨域请求
weixin_29227425的博客
08-05 1211
动态添加一个标签，而script标签的src属性是没有跨域的限制的。这样说来，这种跨域方式其实与ajax XmlHttpRequest协议无关了。这样其实"jQuery AJAX跨域问题"就成了个伪命题，jquery $.ajax方法名有误导人之嫌。如果设为dataType: 'jsonp'，这个$.ajax方法就和ajax XmlHttpRequest没什么关系了，取而代之的则是JSONP协议。...
AJAX（XMLHttpRequest）进行跨域请求方法详解（一）
热门推荐
【孟子E章】
01-11 13万+
注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont
达内Ajax与JQuery课程第二部分：级联下拉列表与JSON
"达内的Ajax和JQuery课程第二部分涵盖了Ajax和JQuery的相关知识点，包括级联下拉列表的实现、Ajax技术的优势、JSON的理解与应用以及深入理解并掌握JQuery框架。" 在Ajax和JQuery的学习中，以下几个关键知识点至关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值