jQuery.posturl,[data],[callback],[type]:使用POST方式来进行异步请求

2017-06-30编程教程
223

在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,等等).

 

<!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" onclick="return checkemail()"/>
    </p>
</form>
</body>
</html>
The End

相关推荐

Parse error: syntax error, unexpected '&'解决办法
在使用PHP5.4及以上版本时,在调用函数时,使用引用符号时,会出现Parse error: syntax error, unexpected 或PHP Fatal error: Call-time pass-by-reference has been removed者,这是由于在函数调用时通过引用传递参数已被弃用,因为它影响了代码的整洁,如...
2022-05-11 编程教程
295

最新JS正则表达式验证手机号码
根据移动、联通、电信的电话号码号段,实现一个简单的正则表达式来验证手机号码: // 手机号校验export function isPhoneNumber(phoneNum) { // let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/; /* * 移动号码包括的号段:134/135/136/137,138,139; * 147/148(物...
2019-12-20 编程教程
218

js 如何验证字符串里是否包含汉字?
1、用正则表达式判断 input type=text id=name placeholder=请输入用户名 value= onblur=CheckChinese(name,this.value) class=form-control function CheckIsChinese(obj,val){ var reg = new RegExp([\\u4E00-\\u9FFF]+,g); if(reg.test(val)){alert(包含...
2019-05-30 编程教程
232

js中的关于onClick事件的参数传递
很多时候onclick事件是伴随着页面的跳转,也就会有相应的参数传递案。案例如下所示: a href=# onclick=showTable(this)123/a #为你要跳转的页面 这个时候你传的参数就是123 function showTable(data){ alert(data.innerHTML);//js写法 alert($(data).html()...
2019-02-26 编程教程
272

PHP计算密码强度的实例
实例代码如下: ?phpfunction password_strength($str) { $score = 0; if (preg_match(/[0-9]+/, $str)) { $score++; } if (preg_match(/[0-9]{3,}/, $str)) { $score++; } if (preg_match(/[a-z]+/, $str)) { $score++; } if (preg_match(/[a-z]{3,}/, $str...
2018-07-02 编程教程
137

php生成随机唯一邀请码/优惠码 固定长度
实例代码如下: function make_coupon_card() { $code = ABCDEFGHIJKLMNOPQRSTUVWXYZ; $rand = $code[rand(0,25)] .strtoupper(dechex(date(m))) .date(d).substr(time(),-5) .substr(microtime(),2,5) .sprintf(%02d,rand(0,99)); for( $a = md5( $rand, tr...
2018-06-25 编程教程
205