我创建了以下几个文件
根目录
register.php
Js目录
ajax.js
register.js
具体代码如下:
register.php
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>新用户注册</title>
<link rel="stylesheet" type="text/css" href="css/register.css" />
<script language="javascript" type="text/javascript" src="js/ajax.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script language="javascript" type="text/javascript" src="js/register.js"></script>
</head>
<body>
<center><h2>新用户注册</h2></center>
<div id="reg_div">
<form id="reg_myform">
用户名:<input type="text" name="uname" id="uname" /><sapn id="uname_memo"></span><br />
密 码:<input type="password" name="upassword" id="upassword" />
</form>
</div>
</body>
</html>ajax.jsfunction cteateAjax(){
if(window.ActiveXobject){ //IE
var ajax = new ActiveXobject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){ //not IE
var ajax = new XMLHttpRequest();
}
return ajax;
}register.jsvar ajax = createAjax();
alert(ajax);我要用alert显示ajax对象,为什么在火狐没有反应,在IE提示缺少对象?
根目录
register.php
Js目录
ajax.js
register.js
具体代码如下:
register.php
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>新用户注册</title>
<link rel="stylesheet" type="text/css" href="css/register.css" />
<script language="javascript" type="text/javascript" src="js/ajax.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script language="javascript" type="text/javascript" src="js/register.js"></script>
</head>
<body>
<center><h2>新用户注册</h2></center>
<div id="reg_div">
<form id="reg_myform">
用户名:<input type="text" name="uname" id="uname" /><sapn id="uname_memo"></span><br />
密 码:<input type="password" name="upassword" id="upassword" />
</form>
</div>
</body>
</html>ajax.jsfunction cteateAjax(){
if(window.ActiveXobject){ //IE
var ajax = new ActiveXobject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){ //not IE
var ajax = new XMLHttpRequest();
}
return ajax;
}register.jsvar ajax = createAjax();
alert(ajax);我要用alert显示ajax对象,为什么在火狐没有反应,在IE提示缺少对象?
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
就没有必要自己去写ajax连接代码了
<script language="javascript" type="text/javascript">
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
</script>
$(document).ready(function(){
$("#你的提交按钮的ID").click(function(){
$.ajax({
type:"GET or POST", //提交方式
url:"你要请求的网址",
dataType:"你请求网址之后的返回数据类型" //html,text,json,==
error:function(){alert("ajax 失敗");},
success:function(data){
alert("成功"+data) //彈出你接受的值.
}
});
});
});
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{ // Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{ try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
}
</script>
此为正解