在使用JQuery的ajax访问页面时,总是出错,得不到返回的html代码,又不知道出的什么错,百思不得其解
于是就用XMLHTTP去访问,结果也出错,不过能够得到错误原因,然后根据错误因为去网上查,终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset=Windows-31J" language="java" %>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_jis">
改正:
<%@ page contentType="text/html;charset=Shift_jis" language="java" %>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_jis">
方案②
<%@
page language="java"
contentType="text/html;charset=Windows-31J"
%>
<%
if
(request.getHeader("User-Agent"
).indexOf("MSIE"
) > -1
) {
response.setContentType("text/html;charset=csWindows31J"
);
}
%>
http://d.hatena.ne.jp/kusakari/20070720/11849 ......
/*
魏言AJAX 类
使用方法:
<mce:script type="text/javascript"><!--
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post方式发送数据
classAjax.get();//get方式发送数据
//sUrl发送地址
//sRecvTyp 接受数据类型:0为xml 1为text
//oResultFunc 返回结果处理函数
// --></mce:script>
应用实例:
<mce:script type="text/javascript"><!--
var ajax1 = new Ajax("1.asp",0,"id="+id,bacal);
ajax1.post();
function bacal(rexm){
//返回数据处理函数;
}
// --></mce:script>
*/
function Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc) {
this.Url = sUrl;
this.QueryString = sQueryString;
this.XmlHttp = this.createXMLHttpRequest();
if (this.XmlHttp == null) {
alert("erro");
return;
}
var objxml = this.XmlHttp;
objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,sRecvTyp,oResultFunc)};
}
Ajax.prototype.createXMLHttpRequest = function() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
try ......
在这个被Ajax技术统治的互联网时代,很多Ajax程序都会在异步读取数据的同时,显示一个正在读取或Loading的动画,今天彬Go要向大家
推荐一个在线生成Loading预载动画Gif图片的网站,它不但提供了超多的Loading动画样式供你选择,而且你还可以自定义尺寸、颜色等参数,可
谓方便到家,最最重要的是,PreLoaders.net
提供的Loading预载动画生成服务完全免费,心动了吧.
Loading预载动画图片生成界面如下:
Loading预载动画图片生成样例:
......
ajax进行用户的有效性检测示例
1、 输入域:
会员的有效性检查:
<input type="text" name="username"> <input type="button" value="检查" onclick="return check();">
2、 JavaScript脚本:
var xmlHttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
//注册名有效性检查
function check() {
var username = document.getElementById('username').value;
if(username=="") {
  ......
ajax的列表联动示例
1、 输入域:
请选择省:
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
<option value="2">湖北省</option>
</select>
请选择市:
<select id="sel2">
<option value="">--请选择--</option>
</select>
2、 JavaScript脚本:
var xmlHttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
&nb ......
ajax弹出提示信息
1、 输入域:
<h2>工具提示</h2>
<hr>
<a href="#" onmouseover="over(0)" onmouseout="out()">物品一</a><br><br>
<a href="#" onmouseover="over(1)" onmouseout="out()">物品二</a><br><br>
<a href="#" onmouseover="over(2)" onmouseout="out()">物品三</a><br><br>
<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;">
<table id="tipTable" border="0" bgcolor="#ffffee">
<tr align="center">
<td><img id="photo" src="" height="80" width="80"></td>
</tr>
<tr>
......