php jquery.ajax无刷新登录简单实例代码

一个很简单的应用实例,就利用了jquery.ajax来实现无刷新登录效果了,方便很简单扼要,实例也只讲了jquery应用这一圬,php教程那款就没讲了,有需要的朋友可以参考一下。

<script src="js/jquery-1.4.2.js" type="text/网页特效"></script>
<script language="javascript">
function test() {
$.ajax({
type: "post",
url: "ap.asp教程x",
data: "username=123&password=456" ,
success: function(data) {
if (data == "true") {
alert("登陆成功!");
}
else {
alert("登陆失败");
}
}
});
}
function btntestajax_onclick() {
test();
}
</script>

html代码

<form id="form1" runat="server">
<div>
<input id="btntestajax" type="button" value="测试异步刷新" onclick="return btntestajax_onclick()" /></div>
</form>

ap.php文件

<?
 echo true;
?>

时间: 2024-09-10 11:01:02

php jquery.ajax无刷新登录简单实例代码的相关文章

JQuery+Ajax无刷新分页的实例代码_jquery

先看效果图: 实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下: 一.数据库表结构:很简单  就四个字段 分别是News_id  News_title  News_time  News_readtimes 二.前台页面代码: 复制代码 代码如下: <head runat="server">    <title>JQuery无刷新分页</title>    <link hre

asp.net+jquery ajax无刷新登录的实现方法_实用技巧

因为工作需要研究了一下 js的ajax,下面是成果.主要是三部分:一.js部分 友情提示注意js部分中的 $("#btn_login")中的return false:这个可以阻止回转服务器不然还是会刷新 复制代码 代码如下: $(document).ready(function () {    $("#btn_login").click(function () {        postlogin();        return false;    });});

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

 本篇文章主要是对asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码进行了介绍,需要的朋友可以过来参考下,需要对大家有所帮助  代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %> <!DOCTYPE html PUBLIC &quo

jquery AJAX无刷新评论实例

<!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-

jquery学习笔记 用jquery实现无刷新登录_jquery

好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录. 首先先创建html的部分 复制代码 代码如下: <table> <tr> <td> 用户名: </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码: </td> <td> &

javascript实现TreeView 无刷新展开的实例代码

这篇文章介绍了javascript实现TreeView 无刷新展开的实例代码,有需要的朋友可以参考一下   复制代码 代码如下: function public_GetParentByTagName(element, tagName)  {     var parent = element.parentNode;     var upperTagName = tagName.toUpperCase();     //如果这个元素还不是想要的tag就继续上溯     while (parent &

JQUERY AJAX无刷新异步上传文件

AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery Form Plugin  官网地址:http://malsup.com/jquery/form/#tab7   基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用 http://www.cnblogs.com/wuhuacong/p/3343967.html

PHP + jquery ajax无刷新投票实例

前台:  代码如下 复制代码 <?    error_reporting(0);    mysql_connect("localhost","root","root");  mysql_select_db('bckq##!~%^#');  mysql_query("set names gb2312");  $sql="select dede_vote.aid,dede_vote.spec,dede_vote.v

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码_实用技巧

复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR