ajax和jquery有冲突 单独都可以实现效果 结合到一起就有冲突 以下是代码
<script>jQuery.fn.selectCity=function(targetId){var_seft=this;vartargetId=$(targetId)...
<script>
jQuery.fn.selectCity = function(targetId) {
var _seft = this;
var targetId = $(targetId);
this.click(function(){
var A_top = $(this).offset().top + $(this).outerHeight(true); // 1
var A_left = $(this).offset().left;
targetId.bgiframe();
targetId.show().css({"position":"absolute","top":A_top+"px" ,"left":A_left+"px"});
});
targetId.find("#selectItemClose").click(function(){
targetId.hide();
});
targetId.find("#selectSub :checkbox").click(function(){
alert($(this).val());
targetId.find(":checkbox").attr("checked",false);
$(this).attr("checked",true);
_seft.val( $(this).val() );
targetId.hide();
});
$(document).click(function(event){
if(event.target.id!=_seft.selector.substring(1)){
targetId.hide();
}
});
targetId.click(function(e){
e.stopPropagation(); // 2
});
return this;
}
$(function(){
//test1:
$("#address").selectCity("#selectItem");
//test2：
$("#address2").selectCity("#selectItem2");
});
</script>
<script type="text/javascript">
var xmlobj;
function CreateXMLHttpRequest()
{
if(window.XMLHttpRequest)
{//Mozilla浏览器
xmlobj=new XMLHttpRequest();
if(xmlobj.overrideMimeType)
{//设置MIME类别
xmlobj.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)
{//IE浏览器
try
{
xmlobj=new ActiveXObject("Msxml2.XMLHttp");
}
catch(e)
{
try
{
xmlobj=new ActiveXobject("Microsoft.XMLHttp");
}
catch(e)
{
}
}
}
}
function CheckProduct() //主程序函数
{
CreateXMLHttpRequest();
var proid = document.getElementById("testId").value;
var url = "lian.php?id=" +proid;
//alert(url);
xmlobj.open("GET", url, true);
xmlobj.onreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobj.send(null); //设置为不发送给服务器任何数据//构造URL
}
function StatHandler() //用于处理状态的函数
{
if(xmlobj.readyState == 4 && xmlobj.status == 200) //如果URL成功访问，则输出网页
{
var pattern=/^[\s\S]*\<!--start-->([\s\S]*)\<!--end-->[\s\S]*$/ig;
//alert(pattern);
//var pattern = /^[\s\S]*\<!--start-->([\s\S]*)\<!--end-->[\s\S]*$/ig;
myText = xmlobj.responseText.replace(pattern, "$1");
//alert (myText);
document.getElementById("selectSub").innerHTML=myText;
}
}
</script> 展开
jQuery.fn.selectCity = function(targetId) {
var _seft = this;
var targetId = $(targetId);
this.click(function(){
var A_top = $(this).offset().top + $(this).outerHeight(true); // 1
var A_left = $(this).offset().left;
targetId.bgiframe();
targetId.show().css({"position":"absolute","top":A_top+"px" ,"left":A_left+"px"});
});
targetId.find("#selectItemClose").click(function(){
targetId.hide();
});
targetId.find("#selectSub :checkbox").click(function(){
alert($(this).val());
targetId.find(":checkbox").attr("checked",false);
$(this).attr("checked",true);
_seft.val( $(this).val() );
targetId.hide();
});
$(document).click(function(event){
if(event.target.id!=_seft.selector.substring(1)){
targetId.hide();
}
});
targetId.click(function(e){
e.stopPropagation(); // 2
});
return this;
}
$(function(){
//test1:
$("#address").selectCity("#selectItem");
//test2：
$("#address2").selectCity("#selectItem2");
});
</script>
<script type="text/javascript">
var xmlobj;
function CreateXMLHttpRequest()
{
if(window.XMLHttpRequest)
{//Mozilla浏览器
xmlobj=new XMLHttpRequest();
if(xmlobj.overrideMimeType)
{//设置MIME类别
xmlobj.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)
{//IE浏览器
try
{
xmlobj=new ActiveXObject("Msxml2.XMLHttp");
}
catch(e)
{
try
{
xmlobj=new ActiveXobject("Microsoft.XMLHttp");
}
catch(e)
{
}
}
}
}
function CheckProduct() //主程序函数
{
CreateXMLHttpRequest();
var proid = document.getElementById("testId").value;
var url = "lian.php?id=" +proid;
//alert(url);
xmlobj.open("GET", url, true);
xmlobj.onreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobj.send(null); //设置为不发送给服务器任何数据//构造URL
}
function StatHandler() //用于处理状态的函数
{
if(xmlobj.readyState == 4 && xmlobj.status == 200) //如果URL成功访问，则输出网页
{
var pattern=/^[\s\S]*\<!--start-->([\s\S]*)\<!--end-->[\s\S]*$/ig;
//alert(pattern);
//var pattern = /^[\s\S]*\<!--start-->([\s\S]*)\<!--end-->[\s\S]*$/ig;
myText = xmlobj.responseText.replace(pattern, "$1");
//alert (myText);
document.getElementById("selectSub").innerHTML=myText;
}
}
</script> 展开
4个回答
展开全部
哥们刚研究出来的给你个例子《jquery 的AJAX运用》
页面代码：
============================================
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
$(function(){
$("#button2").click(function(){
$.post("Default2.aspx",{aa:"aa1",bb:"bb1"},
function(data){
$("#Label1").html(data.Id);
$("#Label2").html(data.Name);
$("#Label3").html(data.Aa);
$("#Label4").html(data.Bb);
},"json"
)
})
})
</script>
id:<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
name:<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />
aa:<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br />
bb:<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br />
<input type="Button" id="button2" value="获取" />
</div>
</form>
</body>
</html>
----------------------------------------------
后台代码：
----------------------------------------------
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Web.Script.Serialization;//需要导入这个包
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//获取提交的数据方法
string a = Request["aa"].ToString() + "返回值";
string b = Request["bb"].ToString() + "返回值";
info info1 = new info();
info1.Id = "info_id";
info1.Aa = "info_aa"+a;
info1.Bb = "info_bb"+b;
//实体类转换JSON格式数据
Response.Write(ToJSON(info1));
}
//实体类转换JSON格式数据 方法
public static string ToJSON(object obj)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(obj);
}
页面代码：
============================================
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
$(function(){
$("#button2").click(function(){
$.post("Default2.aspx",{aa:"aa1",bb:"bb1"},
function(data){
$("#Label1").html(data.Id);
$("#Label2").html(data.Name);
$("#Label3").html(data.Aa);
$("#Label4").html(data.Bb);
},"json"
)
})
})
</script>
id:<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
name:<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />
aa:<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br />
bb:<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br />
<input type="Button" id="button2" value="获取" />
</div>
</form>
</body>
</html>
----------------------------------------------
后台代码：
----------------------------------------------
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Web.Script.Serialization;//需要导入这个包
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//获取提交的数据方法
string a = Request["aa"].ToString() + "返回值";
string b = Request["bb"].ToString() + "返回值";
info info1 = new info();
info1.Id = "info_id";
info1.Aa = "info_aa"+a;
info1.Bb = "info_bb"+b;
//实体类转换JSON格式数据
Response.Write(ToJSON(info1));
}
//实体类转换JSON格式数据 方法
public static string ToJSON(object obj)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(obj);
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我的天，用jQuery，你居然还自己实现ajax，真心劝你用jQuery的ajax功能
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议用JQ自带的AJAX来处理。更好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery的ajax来实现啊 干嘛还用原生ajax
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
