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-Type" content="text/html; charset=gb2312" />    <title>Untitled Document</title>    <script src="../js/jquery.js"></script>    <script language="javascript">        function checkemail(){

if($(‘#email‘).val() == ""){                $(‘#msg‘).html("please enter the email!");                $(‘#email‘).focus;                return false;            }            if($(‘#address‘).val() == ""){                $(‘#msg‘).html("please enter the address!");                $(‘#address‘).focus;                return false;            }            ajax_post();        }    function ajax_post(){        $.post("test2.php",{email:$(‘#email‘).val(),address:$(‘#address‘).val()},            function(data){                //$(‘#msg‘).html("please enter the email!");                //alert(data);                $(‘#msg‘).html(data);            },            "text");//这里返回的类型有:json,html,xml,text    }    </script></head><body><form id="ajaxform" name="ajaxform" method="post" action="action.php">    <p>        email<input type="text" name="email" id="email"/>

</p>    <p>        address<input type="text" name="address" id="address"/>    </p>    <p id="msg"></p>    <p>        <input name="Submit" type="button" value="submit" onclick="return checkemail()"/>    </p></form></body></html>
<?php$email = $_POST["email"];$address = $_POST["address"];//echo $email;//echo $address;echo "success";?>
时间: 2024-11-10 21:53:05

AJAX 方式的相关文章

通过jQuery或ScriptManager以Ajax方式访问服务

1.客户端和服务端 服务端对外提供服务时,可以通过handler或者webservice.handler比较轻便,但是难以对外公开,只有程序员自己知道它到底做了些什么工作.webservice可以将服务对外公开,调用也方便,更加专业些.如果不是要公开的接口,handler完全可以胜任了.下面是将webservice发布的效果. 客户端在调用服务端的服务时,最简单的莫过于使用jQuery了.当然微软也提供了ScriptMananger来访问WebService.他们之间的关系可以用下图说明. 2.

form表单提交转为ajax方式提交

在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法. 原先的form表单长这样: <form action="xxx" method="get"> //action的值是请求的url地址 <div class="form-group"> <label for="name">姓名</label> <

通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: 1 2 3 4 5 6 7 8 9 <form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">       <h1 >测试通过Rest接口上传文件 </h1&g

springmvc,通过ajax方式提交页面数据,后台返回json数据中文信息乱码

本人刚开始接触springmvc,项目搭建参照https://my.oschina.net/gaussik/blog/385697.在用IDEA写登录注册的时候,想通过ajax方式提交数据到后台,然后遇到如题所述的乱码问题,然后度娘了好多,终于解决了.废话不多说,直接上代码. 首先是登录页面login.jsp 1 <%-- 2 Created by IntelliJ IDEA. 3 User: PENG027 4 Date: 2016/11/11 5 Time: 15:48 6 To chang

jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台

表格的格式较为常规,首行为字段,以下各行为数据,表格的id为detailList . $("#submitExcel").click(function(){ //绑定单击事件 insertStr="insert into funddetail values"; // insert字符串的初始值 $("#detailList tr:gt(0)").each(function(i){ //获取表格除首行外的所有行,并给每一行添加方法 insertSt

[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录

写在前面 今天回来的比较早,就趁着有空,把登录的代码更新一下.上篇文章实现了ajax的注册,这篇将实现登录,实现目标,ajax登录方式,如果勾选记住我,则下次不再输入用户名密码,直接跳转到网盘界面. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) [实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册 [实战]MVC5+EF6+MySql企业网盘实战(3)——验证码 [实战]MVC5+EF6+MySql

jquery.validate ajax方式验证

在做网站的时候有一块需要用到jquery.validate插件 ajax方式的方式来验证原始密码是否正确,研究了研究加上博客园朋友的帮助,终于实现了.贴出代码 <script type="text/javascript">    $(function () {        $("#form1").validate({            rules: {                pwd: {                    require

关于后台数据库正常存储中文通过Ajax方式传递到前台变成问号的处理

我的一个程序,用到的后台数据库MySql,字段是Varchar,Character Set是utf8,字段能且已经正确存储了中文. 从数据库取出信息后,在后台Java代码里Debug看到正确的中文. 但是,通过Ajax方式将信息传到前台,前台显示??,用alert查看也是两个问号. 看页面编码方式,<%@ page contentType="text/html; charset=UTF-8"%> 和<meta charset="utf-8"/>

Ajax方式上传文件

用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹.... 有了这两个对象,我们可以真正的实现Ajax方式上传文件. 示例代码: <!DOCTYPE html> <html> <head> <title>Html5 Ajax 上传文件</title>

PHP+jQuery 实现可选择url和ajax方式的分页类

1 /* 2 ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8.3.min.js + Smarty 3.1.18 ******* 3 ******* Date:2014-10-11 4 ******* Author:小dee5 ******* Blog:http://www.cnblogs.com/dee0912/6 */ 做了一个分页的功能模块,主要的文件包括