jquery中$.post()方法的简单实例

在jqery中有这样一个方法，$.post()下面就这个方法做一个简单的实例：

jQuery.post( url, [data], [callback], [type] ) ：
使用POST方式来进行异步请求

参数：

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

1.html页面（index.html）

<!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 type="text/javascript" src=\'#\'" /jquery-1.3.2.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("action.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" οnclick="return checkemail()"/></p>
</form>
</body>
</html>

2.php页面(action.php)

<?php
$email = $_POST["email"];
$address = $_POST["address"];
//echo $email;
//echo $address;
echo "success";
?>

转载于:https://www.cnblogs.com/yexuelaoren/p/6062841.html

jquery中$.post()方法的简单实例相关推荐

php jquery 实例教程,php jquery 多文件上传简单实例
这篇文章主要介绍了php jquery 多文件上传简单实例,有需要的朋友可以参考一下代码如下: Upload $(document).ready(function() { var settings ...
js里apply方法的简单实例
代码片断 $(document).ready(function(){function apple(age,name,color) {this.name = name;this.color = colo ...
ajax的blur调用,jQuery事件blur()方法的使用实例讲解
实例当输入域失去焦点 (blur) 时改变其颜色: $("input").blur(function(){ $("input").css("back ...
javascript、jQuery的扩展方法，扩展实例展示代码
$(function () { var total = 0, height = $(window).height(), memberScroll, cartScroll, proScroll; ...
ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例
html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...
ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例
Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...
jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码代码如下: $(selector).slice(sta ...
mysql 两列数据互换_mysql 实现互换表中两列数据方法简单实例
由于最近项目,有这样一个需求,是把数据库中的两列数据互换,经过好久才搞定,这里写个简单实例,做过记录. 1.创建表及记录用于测试 CREATE TABLE `product` ( `id` int(1 ...
js调用java_Js调用Java方法并互相传参的简单实例
Js通过PhoneGap调用Java方法并互相传参的. 一.JAVA代码写一个类,该类继承自Plugin并重写execute方法. public class PluginTest extends P ...

jquery中$.post()方法的简单实例

jquery中$.post()方法的简单实例相关推荐

最新文章

热门文章