初学ajax,关于.net(C#)以及ajax直接传递值的问题请教大家

Question

<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!");
  function getCustomerInfo() {
     var phone = document.getElementById("phone").value;
     var url = "/cgi-local/lookupCustomer.aspx?phone=" + escape(phone);//传递加密后的phone
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }
 function updatePage() {
     if (request.readyState == 4) {
       if (request.status == 200) {
         var response = request.responseText.split("|");
         document.getElementById("order").value = response[0];
         document.getElementById("address").innerHTML =
           response[1].replace(/\n/g, "");
       } else
         alert("status is " + request.status);
     }
   }
</script>提出问题,在/cgi-local/lookupCustomer.aspx对传递过去的phone经行一系列操作后,如何将需要的值传回本页面?
var response = request.responseText.split("|");
         document.getElementById("order").value = response[0];
         document.getElementById("address").innerHTML =
           response[1].replace(/\n/g, "");
这其中的request.responseText如何得到值呢?
查看了很多资料,但还是很不理解,哪位高手给讲解一下啊?

Answer 1

参考：
 http://www.cnblogs.com/ustbwuyi/archive/2007/03/19/679586.html

Answer 2

你返回的request.responseText是个什么形式的字符串？id1|name1,id2|name2....？先转换成数组。。
var result=request.responseText;
var results=result.split(",");for(var i=0;i<results.length;i++)
{
 var str=results[i];
 var ID=str.substring(0,str.indexOf("|"));
 var Name=str.substring(str.indexOf("|")+1,str.length);
document.....
}

Answer 3

我主要是不清楚在/cgi-local/lookupCustomer.aspx中通过传递过来的phone值查找数据库,获得符合条件的数据后,如何在传递回去
我现在要做的一个程序是这样的:
数据库是这样设计的:
table1存了用户编号,员工姓名.其中用户编号和员工姓名是一对多的,也就是说一个用户编号下可以存在多个员工.我想实现的是,在TextBox中输入用户编号后,当焦点离开TextBox时,DropdownList中立即获取该用户编号对应的所有员工姓名. 

Answer 4

假设你TextBox离开焦点时已经通过ajax取到回传的字符串了,以下方法填充到dropdownlist
if   (request.status   ==   200)   { 
                  var   response   =   request.responseText.split(" ¦"); 
  var select = document.getElementById("你的dorpdownlist的id");
  select.length = 0;
  for(var i=0;i<response.length;i++)
  {
select.options.add(new Option(response[i],""))
  }
  
}

Answer 5

感谢showrock,ustbwuyi
我还在尝试
最主要的问题不是本页,而是
var   url   =   "/cgi-local/lookupCustomer.aspx?phone="   +   escape(phone);//传递加密后的phone
          request.open("GET",   url,   true); 
在lookupCustomer.aspx内部将数据准备好之后,是不是通过Response.Write("我需要的数值,也就是员工姓名");
这样就把值传递回来了?

Answer 6

能用asp.net的控件吗?
我这样写会报错
<asp:TextBox ID="UserName" runat="server" OnTextChanged="getCustomerInfo()"></asp:TextBox>

Answer 7

Defaule.aspx:
<script language="javascript" type="text/javascript">
   var request = false;
   //创建新的 XMLHttpRequest 对象
   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!");
    }
    
    //发送请求
   function getCustomerInfo() 
   {
     var UserName = document.getElementById("UserName").value;
     var url = "getCustomerInfo.aspx?UserName=" + UserName;
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }
   
   //获得数据后,在本页进行处理
   function updatePage() 
   {
     if (request.readyState == 4) 
     {
       if (request.status == 200) 
       {
          //清空原下拉框
          document.getElementById("Customer").options.length=0;           
          //str为返回的一个字符串，形式为"员工1,员工2,..."
          var str=request.responseText;
          //将该字符串分割为数组形式
          var strs=str.split(",");
          if(strs[0] == "error")
          {
              document.getElementById("Customer").options.add(new Option("用户名不存在，请检查",0));
              document.getElementById("Customer").Enable = false;
          }
          for(var i=0;i<strs.length-1;i++)
          {
               //获得员工姓名
               var Customer = strs[i];
               //绑定到下拉框
               document.getElementById("Customer").options.add(new Option(Customer));  
          }      
       } 
       else
         alert("status is " + request.status);
     }
   }
</script>getCustomerInfo.aspx:
protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("error");
    }
这是我的代码,报错,缺少对象.为什么?
不能用asp.net的控件吗?

Answer 8

OnTextChanged是服务器事件，这里显然会报错你用onchange事件

Answer 9

OnTextChanged事件处理需要在对应的cs文件里有这个处理方法。你调用的是javascript里的方法，当然是不行了，你可以用Attributes这个属性追加ontextchanged处理方法，就可以了。

Answer 10

用了onchange事件还是不行,报错缺少对象

Answer 11

 if(str == "error")
          {
              document.getElementById("Customer").options.add(new Option("用户名不存在，请检查",0));
              document.getElementById("Customer").Enable = false;
          }
          else
          {
               //将该字符串分割为数组形式
              var strs=str.split(",");
              for(var i=0;i<strs.length-1;i++)
              {
                   //获得员工姓名
                   var Customer = strs[i];
                   //绑定到下拉框
                   document.getElementById("Customer").options.add(new Option(Customer));  
              } 
          }     我在getCustomerInfo.aspx中只写了Response.Write("error"); ,请帮我看看上面的程序有什么问题,为什么不执行呢?

Answer 12

用了onchange事件还是不行,报错缺少对象js编码问题，你肯定是没有触发事件，在触发的事件最前面加个alert就知道了，并非onchange事件的问题代码问题很多
for(var   i=0;i <strs.length-1;i++) ==》for(var   i=0;i <strs.length;i++) document.getElementById("Customer").options.add(new   Option(Customer));     new Option()应该带两个参数吧

Answer 13

for(var       i=0;i   <strs.length-1;i++)  ==》for(var       i=0;i   <strs.length;i++)   
这样改动后,如果在getCustomerInfo.aspx中只写了Response.Write("error");  ,dropdownList中会添加一条error<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...的很长的信息如果在getCustomerInfo.aspx中只写了Response.Write("员工1,员工2,员工3");,dropdownList中在"员工3"的那一行会添加一条error<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...的很长的信息不知道为什么啊

Answer 14

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Plug_Default" %><!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 runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>你把这个页面的页面html全部删掉，只留第一句就可以了<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Plug_Default" %>
因为后面的
<!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 runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>
这部分也输出返回了

Answer 15

for(var               i=0;i       <strs.length-1;i++)    ==》for(var               i=0;i       <strs.length;i++)      
这样改动后,如果在getCustomerInfo.aspx中只写了Response.Write("error");     ,dropdownList中会添加一条error <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...的很长的信息如果在getCustomerInfo.aspx中只写了Response.Write("员工1,员工2,员工3");,dropdownList中在 "员工3"的那一行会添加一条员工3<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...的很长的信息不知道为什么啊?

Answer 16

添加一句：response.end(); 就好了