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. CUDA网格限制

    如图

  2. Vmware Ubuntu 虚拟机下Android开发环境搭建

    概况: 1.安装jdk: 2.安装adt-bundle: 1.安装jdk 先下载linux下的jdk,我下的是 jdk-7u13-linux-i586 :然后解压,为方便,建个文件夹--/home/x ...

  3. RecyclerView设置verticalSapcing等

    RecyclerView没有像GridView那样有提供verticalSpacing属性,上StackOverflow找到了一种替代方法,代码如下 public class SpacesItemDe ...

  4. [Objective-c 基础 - 2.8] category分类/类别/类目

    A.给某个类扩充方法(不改变原来的类) 例如,给类Person加上名为Simon的category,加上一个-study方法 使用()注明 Person+Simon.h @interface Pers ...

  5. oracle 修改索引现有表空间

    工作日记之<修改索引现有表空间> //dba_indexes可查询所有索引,以及索引部分信息,可以灵活运用于其他用途 //假设用户USER1现有表空间TS1.TS2,需要迁移其下所有表空间 ...

  6. ASP.NET奇葩说

    1.form表单 在asp.net中(即runat="server"特性时)method默认值为post  在html中默认是get. 2.Web应用程序项目和网站项目:前者后台文 ...

  7. 第一个android程序所遇到问题

    1.工程package的命名空间与activity的命名空间不一致,导致setcontentview找不到layout文件 2.增加Button等控件后,Java.R中id必须在删除现有Java.R文 ...

  8. 类型检测汇总！typeof 和 instanceof 和isArray

    , ]; alert(arr instanceof Array);//true 以上老方法判断是否是数组,存在一个问题,就是它只适用于单执行环境(窗口),如果该窗口有其他框架(比如 iframe)则会 ...

  9. IEnumerable、IEnumerator与yield的学习

    我们知道数组对象可以使用foreach迭代进行遍历,同时我们发现类ArrayList和List也可以使用foreach进行迭代.如果我们自己编写的类也需要使用foreach进行迭代时该怎么办呢? IE ...

  10. C++学习笔记（十四）：模板

    模板就是实现代码重用机制的一种工具,它可以实现类型参数化,即把类型定义为参数,从而实现了真正的代码可重用性.模版可以分为两类,一个是函数模版,另外一个是类模版.Java中对应的技术称为泛型. 函数模板 ...