切莫用框架下ajax 纯js使用ajax post,get范例及其区别

AJAX乱码问题

2:

1:

}

public class AjaxHandler : IHttpHandler {
   
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = “text/plain”;
        if (context.Request.HttpMethod == “POST”)
        {
            context.Response.Write(“POST:” +
context.Request[“firstName”]);
        }
        else if (context.Request.HttpMethod == “GET”)
        {
            context.Response.Write(“GET:” +
context.Request[“firstName”]);
        }
    }

<%@ WebHandler Language=”C#” Class=”AjaxHandler” %>

增补加新项===>一般处理程序 AjaxHandler.ashx  
赤部分是加上的一部分,其他vs都谋面默认写好之

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
    <title>JS AJAX .http://hi.baidu.com/handboy&lt;/title&gt;
</head>
<body>

GET访问 浏览器 认为 是当覆盖的
尽管是 一个平等之URL 只发一个结实[相同是倚重 整个URL字符串完全匹配]
由此 第二不成访问的当儿 假如 URL字符串没变化 浏览器是
直接将出了第一坏造访的结果

瞩目:倘若您就照点的方做了,依然回乱码的话,检查你的法是否为get,对于get请求(或凡涉及到url传递参数的),被传送的参数还设先期经encodeURIComponent方法处理.假使没由此encodeURIComponent处理的话,也相会发乱码.

避免 GET 的 等幂 访问 就以URL后边长 ?+new
Date();,[一言以蔽之就是是假设每一次访的URL字符串不一致的]

筹WEB页面的上 也当服从这些规则

utf8:header(‘Content-Type:text/html;charset=utf-8’);

xmlHttp.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
2.参数是名/值一一对应的键值对,每对值用&号隔开.如 var
name=abc&sex=man&age=18,注意var name=update.php?

4.劳务器端请求参数区分Get与Post。倘诺是get模式固然$username =
$_GET[“username”]; 如果是post方式,则$username =
$_POST[“username”];

原文宣布时也:2009-11-15 —— 来源于本人的百度作品 [是因为搬家工具导入]

<%@ Page Language=”C#” AutoEventWireup=”true”
CodeFile=”Default5.aspx.cs” Inherits=”Default5″ %>

(content)+”&id=1″ ;

页面default5.aspx

using System;
using System.Web;

gb2312:header(‘Content-Type:text/html;charset=GB2312’);

  
不言而喻,GET模式传送数据量多少,处理效率高,安全性低,会于缓存,而POST反之。

起乱码的案由:
1、xtmlhttp
重返的数目默认的字符编码是utf-8,即便客户端页面是gb2312或者此外编码数据就会合出乱码
2、post方法提交数据默认的字符编码是utf-8,假如服务器端是gb2312或任何编码数据就会见发生乱码
解决办法有:
1、若客户端是gb2312编码,则在服务器指定输出流编码
2、服务器端和客户端都使用utf-8编码

无用框架下ajax 纯js使用ajax post,get范例及其区别

   Post方式:
  
当使用POST情势时,浏览器把每表单字段元素及其数量作为HTTP音信的实体内容发送给Web服务器,而休是当做URL地址的参数举行传递,使用POST形式传递的数据量要较用GET模式传递的数据量大之几近。

应用Post形式需留意:
1.设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中发出参数变量.常常拔取XmlHttpRequest对象的SetRequestHeader(“Context-Type”,”application/x-www-form-urlencoded;”)。例:

用get形式欲注意:
1
对此get请求(或凡涉及到url传递参数的),被传送的参数都要事先经encodeURIComponent方法处理.例:var
url = “update.php?username=” +encodeURIComponent(username) + “&content=”
+encodeURIComponent

POST则 认为是一个 变动性 访问 (浏览器 认为 POST的付 必定是 有改变的)

========================区别====================================

   Get方式:
  
用get格局可传送简单多少,但大小相似限制在1KB下,数据多到url中发送(http的header传送),也就是说,浏览器将顺序表单字段元素及其数量以URL参数的格式附加以乞请求行中的资源路后。另外最好根本之一点凡是,它汇合给客户端的浏览器缓存起来,那么,旁人就可于浏览器的历史记录中,读取到那客户之数,比如帐号与密码等。因而,在少数境况下,get方法会带来深重的安全性问题。

========================范例====================================

    <form id=”form1″ runat=”server”>
        <input id=”firstName” type=”text” /><br />
        <input id=”birthday” type=”text” /><br />
        <br />
        <input id=”get” type=”button” value=”get”
onclick=”doRequestUsingGet();” style=”width: 64px” />
         
        <input id=”post” type=”button” value=”post”
onclick=”doRequestUsingPost();” style=”width: 75px” /><br />
         <div id=”serverResponse”>
        </div>
    </form>
</body>
</html>

    public bool IsReusable {
        get {
            return false;
        }
    }

    <script type=”text/javascript”>
        var xmlHttp;
        function createxmlHttpRequest()
        {
            if(window.ActiveXObject)
                xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
            else if(window.XMLHttpRequest)
                xmlHttp = new XMLHttpRequest();
        }
        function createQueryString()
        {
            var firstName =
document.getElementById(“firstName”).value;
            var birthday = document.getElementById(“birthday”).value;
            var queryString =
“firstName=”+firstName+”&birthday=”+birthday;
            return encodeURI(encodeURI(queryString));//制止乱码
        }
        function doRequestUsingGet()
        {
            createxmlHttpRequest();
            var queryString = “AjaxHandler.ashx?”;
            queryString+=createQueryString()+”&timestamp=”+new
Date().getTime();
            xmlHttp.open(“GET”,queryString);
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.send(null);
        }
        function doRequestUsingPost()
        {
            createxmlHttpRequest();
            var url =”AjaxHandler.ashx?timestamp=”+new
Date().getTime();
            var queryString = createQueryString();
            xmlHttp.open(“POST”,url);
            xmlHttp.onreadystatechange = handleStateChange;
           
xmlHttp.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
            xmlHttp.send(queryString);
        }
        function handleStateChange()
        {
            if(xmlHttp.readyState==4 && xmlHttp.status == 200)
            {
                var responseDiv =
document.getElementById(“serverResponse”);
Ajax,                responseDiv.innerHTML=decodeURI(xmlHttp.responseText);
            }
        }
    </script>

一.谈Ajax的Get和Post的区别

abc&sex=man&age=18及var name=?abc&sex=man&age=18的写法都是不当的;
3.参数在Send(参数)方法吃发送,例: xmlHttp.send(name);
如假诺get模式,直接 xmlHttp.send(null);

相关文章