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. HDU 3289 Cat VS Dog （二分匹配 求 最大独立集）

    题意:每个人有喜欢的猫和不喜欢的狗.留下他喜欢的猫他就高心,否则不高心.问最后最多有几个人高心. 思路:二分图求最大匹配 #include<cstdio> #include<cstr ...

  2. setBackgroundMusicLoop for cocos2dx

    给cocos2dx的SimpleAudioEngine加上设置背景音乐循环的方法,详见gist.

  3. 关于C#动态调用VC Dll的方法（转）

    http://blog.csdn.net/null1/article/details/3953155

  4. 为zend studio增加Extjs代码提示功能

    http://blog.163.com/liuhaijun_83/blog/static/61175622201223114216786/ 需要将其中的http://www.spket.com/upd ...

  5. Java文件分割

    package FileDemo; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStre ...

  6. 超级MINI STLINK V2 官方固件自动升级 ST-Link 【worldsing 笔记】

    简介: 支持所有带SWIM接口的STM8系列单片机 支持所有带SWD接口的STM32系列单片机 完全兼容Keil,STVP,STVD,IAR,COSMIC,STM32 ST-LINK Utility! ...

  7. 浅析作用域链–JS基础核心之一

    JS中的作用域,大家都知道的,分为全局作用域和局部作用域,没有块级作用域,听起来其实很简单的,可是作用域是否能够有深入的了解,对于JS代码逻辑的编写成功率,BUG的解决能力,以及是否能写出更优秀的代码 ...

  8. Handlebar

    1.Handlebar中文网: http://www.ghostchina.com/introducing-the-handlebars-js-templating-engine/ 2.http:// ...

  9. （二）Bootstrap CSS 概览

    在这一章中,我们将讲解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML 5 文档类型(Doctype) Bootstrap 使用了一些 H ...

  10. java--静态的应用（工具类）

    ArrayTool.java文件 /** 静态的应用. 每一个应用程序中都有公行动的功能,可以将这些功能进行抽取,独立封装以便复用 由于ArrayTool中并没有封装特有数据,而且数组的每一个方法也没 ...