您的位置：首页 > Web前端 > JQuery

jquery实现简单的ajax

2013-07-07 23:02 204 查看
-->html页

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[code]<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>

<title>用户名校验实例</title>

<scriptsrc="../js/jquery-1.7.2.js"type="text/javascript"></script>

<scriptsrc="../js/verify.js"type="text/javascript"></script>

</head>

<bodyonload="verify()">

用户名校验的jax实例

<!--ajax方式下不需要使用表单进行数据提交，因此不用写表单-->

<inputtype="text"value=""id="userName"/> 

<inputtype="button"value="提交"onclick=""/>

<!--预留空间，显示结果-->

<divid="result"></div>

<!--divisblock,butspanisinline--->

</body>

</html>

[/code]

—>js页

functionverify(){

[code]$("#userName").keyup(function(){
varuser=$(this).val();

varuserobj=$(this);

$.post("../index.aspx",{userobj:user},callback);

});


}

functioncallback(data){

$("#result").text(data);

}

[/code]

—>aspx页


<%

[code]Response.Clear();
stringstr_name=Request["userobj"];

if(str_name=="xtyang")

{


Response.Write("ok");

}

else

{

Response.Write("no");

}

Response.End();

%>

[/code]
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航