Ajax的效果就是不通过网页的跳转，就可以通过请求，就可以自动加载某个网页，在注册帐号时，经常

不通过网页跳转从数据库中查看是否有相同数据的出现，确认是否能够正确注册

下面是用其他方式实现ajax的效果

1，用http 204属性，强制不跳转

投票页

<html>

<head>

<title>投票网</title>

</head>

<body>

<div style="width:100px; height:100px; background:red; font-size:20px">这是投票的内容</div>

<a href="02.php">投票</a>

</body>

</html>

接收页面

<?php

header('HTTP/1.1  204  No Content');

$cnt=file_get_contents('res.txt');

$cnt+=1;

file_put_contents('./res.txt',$cnt);

?>
 
2,使用图片加载特性，实现页面不跳转

<html>

<head>

<title>投票网</title>

<script type="text/javascript">

function toupiao(){

	var img=document.createElement('img');//创建img标签

	img.setAttribute('src','./02.php');//设置图片地址为请求页面，实现自动请求

}

</script>

</head>

<body>

<div style="width:100px; height:100px; background:red; font-size:20px">这是投票的内容</div>

<input type="button" value="投票" onclick="toupiao();"/>

</body>

</html>

3,利用css和js的方式实现

4,利用iframe框架的特性实现

<html>

<head>

<title>投票网</title>

</head>

<body>

<div id="regs"></div>

<div style="width:100px; height:100px; background:red; font-size:20px">这是投票的内容</div>

<form action="03.php" method="post" target="reg">

<p>用户名:<input type="text" name="username"></p>

<p>密码:<input type="password" name="psw"></p>

<p><input type="submit" value="注册"></p>

</form>

<iframe width="0" height="0" frameBorder="0" name="reg"></iframe>

</body>

</html>

03.php

<script type="text/javascript">

parent.document.getElementById("regs").innerHTML="注册成功";

</script>

Ajax效果的更多相关文章

  1. C# Winform 实现Ajax效果自定义按钮

    技术看点 WinForm自定义控件的使用 自定义控件gif动画的播放 需求及效果 又来一波 C# GDI自定义控件show .这个控件已经使用几年了,最近找出来重构一下.原来是没有边框的,那么导致导航 ...

  2. 使用script的src实现跨域和类似ajax效果

    在解决js的跨域问题的时候, 有多种方式, 其中有一种是利用script标签的src属性,因为这个属性是不受域名限制的,我们可以直接让src的这个链接指向跨域网站的一个接口, 这个接口返回的是js代码 ...

  3. 天气预报的Ajax效果

    最近在网站上看了很多显示实时天气预报的,挺实用而且用户体验也不错.对用户的帮助也比较大,用户可以通过你的网站了解到实时的天气信息.感觉比较有意思,于是自己钻研了一下其中的实现方法.于是决定把代码分享给 ...

  4. jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等（二）

    Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar ...

  5. thinkphp中ajaxReturn方法实现ajax效果

    前台代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  6. IFrame实现的无刷新(仿ajax效果)...

    前台代码: <iframe style="display:none;" name="gg"></iframe> <form act ...

  7. Ajax效果--个人收藏

    $.ajax({ url: "../../../Tools/WeChatMenu.ashx?action=get_menu", type: "post", da ...

  8. 自定义ajax,添加loading效果

    自定义ajax /** * @desc 自定义ajax请求,添加等待gif */ var n=0; $.defineAjax=function(obj){ n++; if(!$('#loadingDi ...

  9. Asp.net MVC 中Ajax的使用 [分享]

    文章转自 http://www.huiyoumi.wang/upload/forum.php?mod=viewthread&tid=75&extra= Asp.net MVC 抛弃了A ...

随机推荐

  1. Spring MVC @ModelAttribute

    1.@ModelAttribute注释void返回值的方法 @Controller public class HelloModelController { @ModelAttribute public ...

  2. 【OpenGL】入门

    根据OpenGL蓝宝书(OpenGL超级宝典)来入门,写的比较细,易懂,这里给我贴代码和记录零碎的事儿用 第一个代码 #include <gl/glut.h> void RenderSce ...

  3. 【原创】linux命令bc使用详解

    最近经常要在linux下做一些进制转换,看到了可以使用bc命令,如下: echo "obase=10;ibase=16;CFFF" | bc 用完以后就对bc进行了进一步的了解,  ...

  4. Nine simple steps to enable X.509 certificates on WCF- 摘自网络

    Table of contents Introduction and goal Beginner WCF FAQs Step 1: Create client and server certifica ...

  5. 29个你必须知道的Linux命令

    虽然Linux发行版支持各种各样的饿GUI(graphical user interfaces),但在某些情况下,Linux的命令行接口(bash)仍然是简单快速的.Bash和 Linux Shell ...

  6. [OC Foundation框架 - 18] Class

    使用Class来创建实例 // 18.通过@"Ball"创建一个Ball实例(不可以使用[[Ball alloc] init]创建) NSString *className = @ ...

  7. 让UILabel具有链接功能，点击后调用safari打开网址

    UILabel *labelGovUrl = [[UILabel alloc] initWithFrame:CGRectMake(73.0, 330.0, 180.0, 40.0)]; labelGo ...

  8. 让asp.net web api同时支持[AcceptVerbs("GET","POST")]

    在使用第三方接口时,有时候会看到接口同时支持GET和POST,当时想想webapi有AcceptVerbs特性,没有细想便想当然肯定会支持,后来项目中需要用到,当时在没有参数传入下确实支持,直到早几天 ...

  9. SqlLite ---.net连接数据库

    初识SqlLite ---.net连接数据库   SqlLite以小巧和嵌入式闻名,以前只是听说,现在终于忍不住要尝试下. 先下载ADO.NET2.0 Provider for SQLite,下载完后 ...

  10. Java split用法

    Java split用法 java.lang.string.split split 方法  将一个字符串分割为子字符串,然后将结果作为字符串数组返回. stringObj.split([separat ...