jquery的post方法怎么使用

jquery的post方法怎么使用,第1张

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=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>

<?php

$email = $_POST["email"]

$address = $_POST["address"]

//echo $email

//echo $address

echo "success"

?>

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

jquery提交表单有两种情况: 1:jquery只做提交用。 $("form").submit()这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。 2:jquery用ajax提交数据。 $.ajax({ type:"post", url:"xxx.php", // 这里是提交到什么地方的url data:{}, // 这里把表单里面的数据放在这里传到后台 dataType:"json", success:function(res){ // 调用回调函数 }})

jQuery 提供了方法配置ajax默认设置,按你的要求为

jQuery.ajaxSetup({

type: "POST"

})

就行了,你可以把这句话放到jquery.min.js的末尾


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/7833096.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存