被引用的util.js源码：
function $(id){
return document.getElementById(id);
}
相应页面源码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
out.println("<font color='red'>服务器处理完毕</font>");
//获取请求的方法
String method=request.getMethod();
out.println("</br>您是通过<font color='red'>"+method+"</font>方法向服务器提出请求的....</br>");
//获取传递的参数
out.println("传递的参数："+request.getParameter("username"));
%>
get方法请求页面源码：
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
<script type="text/javascript" src="./js/util.js"></script>
<script type="text/javascript">
function getXhr(){
var xhr;
try{
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}catch(err){
try{
xhr=XMLHttpRequest();
}catch(er){
alert("浏览器版本太低，不支持此操作.....");
}
}
return xhr;
}
function getAjax(){
var xhr=getXhr();
xhr.open("get","ajax/index.jsp?username='zhangsansan'",true);
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
$("content").innerHTML=xhr.responseText;
}
}
}
}
</script>
post方法页面源码：
<script type="text/javascript" src="./js/jquery-1.4.4.js"></script>
<script type="text/javascript" src="./js/util.js"></script>
<script type="text/javascript">
function getXhr(){
//设置浏览器的兼容性
var xhr;
try{
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}catch(err){
try{
xhr=XMLHttpRequest();
}catch(er){
alert("浏览器版本太低，不支持此操作.....");
}
}
return xhr;
}
function postAjax(){
var xhr=getXhr(); //获取XMLHttpRequest对象
xhr.open("post","ajax/index.jsp",true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//调用post方法传递参数必须写，get方法不需要写
xhr.send("username=zhangsansan");
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
$("content").innerHTML=xhr.responseText;
}
}
}
}
</script>
<body>
<input type="button" value="Ajax请求" onclick="postAjax()"/>
<div id="content"></div>
</body>
总结Ajax的get与post的区别：
Get请求：如果传递(附带)参数，get的open方法的url参数值直接附带传递参数，安全性较低；get请求不用写xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")方法；默认情况下调用的是get方法
Post请求：open方法的参数值也可以附带参数，但是一般不在url路径上附带传递，参数在send方法里传递，安全性比较好；post方法如果传递参数，必须要写xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")方法；
如果在get方法调用的send方法里传递了参数，那么会默认变成调用post方法。
分享到：
相关推荐
Ajax中Get请求和Post请求的区别 简单例子 何时使用Get请求,何时使用Post请求
封装jquery ajax方法，方便调用，避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可，区分同步异步，get post！希望对大家有帮助
用AJAX的Get和Post调用Servlet的简单示例
ajax以GET和POST方式调用WCF，带参数和不带参数的方式都有
本项目使用了jQuery的get/post两种方法提交Json格式的数据到后台，后台再把Json格式的数据传到前台。实现了JSON字符串和JSON对象之间的转换。
在使用"get"时，抓取的页面最后加上编码类型，在使用post时用vbscript解决了编码问题，具体实现如下，有类似情况的朋友可以参考下哈
AJAX_Request 的调用函数名，返回数据文本型，其中AJAX_Request函数中包涵了3个参数，分别是ASPorPHP_FileAddress、Method、Request_data，分别是在Inter服务器上提交数据文件的地址、请求方法（get、post）、请求...
以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法，但是使用js代码比较繁琐，我们在使用ajax进行数据交互时可以使用js的一个成熟框架—jQuery。 一个网站的设计，不管是注册登录还是分页查找，都需要提交参数...
如果是restful接口，把type改成对应的post（增）、delete（删）、put（改）、get（查）即可 var post_data={"name":"test001","pass":"xxxx"}; $.ajax({ url: "http://192.168.10.111:8080/uc/login", type: '...
ajax后台调用方法ajax调用后台方法问题（在线等） 悬赏分：50 - 解决时间：2010-5-28 10:49 1.web.config配置 <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" /> ...
调用微信公众平台接口 需要用到CURL(相当于ajax) 访问接口返回数据 页面不刷新 此文件封装了调用curl执行get|post请求 返回相应的数据
Ajax中send方法参数的使用 一般情况下，使用Ajax提交的参数多是些简单的字符串，可以直接使用GET方法将要提交的参数写到... 需要注意的是根据提交方式的不同，两种提交方式分别调用后台的doGet方法和doPost方法。
XMLHttpRequest实现Ajax，回调函数，Ajax数据交换格式(HTML、XML、JSON)，Ajax发送GET和POST请求，异步编程模型和同步编程模型，解决Ajax的GET请求缓存问题，使用Ajax验证用户名是否可用、省和城市多级联动等案例。...
NULL 博文链接：https://andy2019.iteye.com/blog/1515064
（2）在项目的webconfig的节点中，添加”POST,GET” path=”ajax/*.ashx” type=”Ajax.PageHandlerFactory,>节点 （3）在aspx页面的pageload方法中添加Ajax.Utility.RegisterTypeForAjax(typeof(ClassName));这里的...
如果想做到数据的交互，那么www.aa.com和book.aa.com必须由你来开发才可以。可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和...就和平时同一个域中镶嵌iframe一样，直接调用里面的JS就可以了
下面小编就为大家带来一篇基于js原生和ajax的get和post方法以及jsonp的原生写法实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
实现WCF同时支持SOAP和AJAX跨域调用（支持代理启动） ...2、支持javascript的多种方式跨域访问（GET/POST/PUT/DELETE）； 3、解决服务调用参数传递的动态设计数据格式（XML/JSON）； 4、同时支持AJAX和SOAP进行调用；