login.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>登陆页面</title>
</head>
<script src="jquery-latest.js"></script>
<!--
<script>
$(document).ready(
function (){
alert('hhpsc');
}
);
</script>
-->//在网页加载时运行
<body>
<!--<img src="" />-->
<div id="a"></div>
<table>
<tr>
<td>
用户名:
</td>
<td>
<input type"text" id="name" />
</td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input type="password" id="pwd">
</td>
</tr>
<tr>
<td>
<a onClick="ShowChild('psc_id')" id="kk" style="cursor:hand;" >登陆</a>
</td>
</tr>
</table>
<div id="psc_id"><div>
使用jQuery运行
<!--
<script language="javascript" type="text/javascript">
function jq()
{
userName = $("#name").val();
password = $("#pwd").val();
//alert(userName+password);
//$.ajax({url: "login1.asp",
// type:"post",
//dataType:"html",
// data:"name="+userName+"&pwd="+password,
// success:function(msg){
// window.location.href=msg;
//}
//});
$.get( "login1.asp",
{ name: "ddd", pwd: "ddd" },
function(data){ alert("Data Loaded: " + data); }
)
//$("#a").load("delete.aspx?bj_id=1",function(){alert('cg');});//向delete.aspx?bj_id=1页面发出请求，将返回结果装入id为a的内容中，然后再执行函数callback。
}
</script>
-->
<!--使用ajax运行-->
<!--创建ajax中的xmlHttpRequest-->
<!--<script>
function CreateXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp = new XMLHttpRequest();
}
}
function ShowChild(id)
{
var name,pwd;
name=document.getElementById("name").value;
pwd=document.getElementById("pwd").value;
CreateXMLHttpRequest();
if(xmlHttp)
{
xmlHttp.open('POST','login1.asp',true);
xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
var SendData = 'name='+name+'&pwd='+pwd;
xmlHttp.send(SendData);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById(id).innerHTML = xmlHttp.responseText;
}
else
{
document.getElementById(id).innerHTML='出错：'+xmlHttp.statusText;
}
}
else
{
document.getElementById(id).innerHTML="正在提交数据...";
}
}
}
else
{
document.getElementById(id).innerHTML='抱歉，您的浏览器不支持XMLHttpRequest，请使用IE6以上版本！';
}
}
</script>
-->
</body>
</html>
login1.asp
<%
Response.ContentType = "application/x-www-form-urlencoded'"
Response.Charset = "GB2312" '只有这样才能返回汉字
a=request("name")
b=request("pwd")
if a="ddd" and b="ddd" then
response.Write("http://www.cdanju.com/")
else
%>
<form>
<input type="text">
</form>
'response.write("失败了！再来")
<%
response.Write("成功来源于一次次的失败")
end if
%>
分享到：
相关推荐
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式，它的作用是使得页面无需重新加载即可向服务器请求数据，并将数据动态地加载到页面中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它...
**jQuery和Ajax技术详解*...总结，jQuery和Ajax的结合大大提高了Web应用的用户体验，使得网页能够在不刷新的情况下与服务器进行通信。通过学习和实践这些基本的Ajax功能，开发者能够构建出更加动态和响应式的网页应用。
**jQuery和Ajax结合使用是Web开发中的常见技术组合，它能帮助开发者实现页面无刷新的数据交互，提升用户体验。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下更新部分网页内容的技术...
在聊天室中，当用户发送消息时，jQuery的$.ajax()函数会被调用，发送数据到服务器。同时，它也用于接收服务器返回的新消息，更新聊天界面。 3. **PHP**：服务器端通常使用PHP来处理Ajax请求。在这个聊天室中，PHP...
在网页开发中，jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML（可扩展标记语言）数据。 **1. jQuery 和 AJAX 简介** jQuery 是一个流行的...
在Asp.Net MVC框架中，jQuery和AJAX的结合使用极大地提升了用户体验，使得网页能够实现异步数据交互，无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...
在IT行业中，jQuery和Ajax是两个非常重要的JavaScript库和概念，它们在网页动态交互和数据交换方面发挥着关键作用。jQuery简化了JavaScript的DOM操作、事件处理和动画制作，而Ajax（异步JavaScript和XML）则允许在不...
本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输，以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法，它是所有其他AJAX功能的基础。例如，我们可以使用...
综上所述，这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据，结合jQuery的AJAX功能，实现无刷新的交互体验，优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例，...
$.ajax()可以接受一系列参数，其中关键的两个是`url`（指定要请求的远程服务地址）和`dataType`（指定返回数据的类型，如json、xml等）。为了实现跨域，我们需要设置`dataType`为`jsonp`。JSONP（JSON with Padding...
5. **Ajax回调**：当Ajax请求完成，jQuery的回调函数会被调用，接收到的服务器响应数据可以在这里处理。将响应数据插入到页面的适当位置，更新用户界面。 这个例子的核心在于展示了客户端（JavaScript/jQuery/Ajax...
总结，使用jQuery和Ajax，我们可以创建动态、交互性强的登录和注册页面，同时结合自动验证插件，确保数据的有效性，提升用户在填写表单时的体验。通过不断学习和实践，开发者可以进一步优化这些功能，打造出更加高效...
本篇文章将深入讲解如何使用jQuery的AJAX进行定时操作服务器数据。 ### 1. jQuery AJAX基础 jQuery的AJAX方法（$.ajax）是基于XMLHttpRequest对象的，它允许我们在不刷新整个页面的情况下与服务器进行异步交互。...
本实例聚焦于"jQuery-AJAX"，这是一项核心功能，用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。AJAX（异步JavaScript和XML）技术在现代Web开发中扮演着关键角色，而jQuery的ajax方法则提供了...
本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据，同时涉及JSON数据格式的使用。 首先，让我们了解JSON（JavaScript Object Notation），它是轻量级的数据交换格式，易于人阅读和编写，...
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画效果以及与服务器的数据交互。而AJAX（Asynchronous JavaScript and XML）则是一种不刷新整个页面就能与服务器交换数据并更新部分网页的技术。接...
Ajax，即Asynchronous JavaScript and XML，允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容，提供更流畅的用户体验。 在“jQuery-ajax-用户名异步请求”这个场景中，我们可能是在设计一个...
在IT行业中，前端开发是构建动态网页应用的关键环节，而jQuery和AJAX是其中不可或缺的工具。本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能，以此来确保用户输入的用户名的独特性。这个...
- 对于文字分页，我们可以看到如何使用jQuery选择器定位分页元素，动态生成和更新页码链接，同时通过AJAX请求获取新的数据。 - 图片分页可能涉及到图片预加载和懒加载技术，确保在用户滚动到相应位置时，图片能够...