با سلام
گاهی اوقات نیاز هست که اطلاعات را به صورت POST به سمت سرور ارسال بشه . برای اینکار از تابع $.post در jQuery استفاده میکنیم .
- یک فایل index.html ایجاد کنید و کد زیر رو داخل فایل کپی کنید :
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready (function(){
$("#btn1").click(function(){
var loading = '<img src="loading.gif" />';
$("#show").html(loading);
var name = $("#name").val();
var email = $("email").val();
var password = $("#password").val();
$.post("ajax.php",
{
name : name,
email : email,
password : password
},
function(data){$("#show").html(data);});
});
});
</script>
<title></title>
</head>
<body>
<div id="show"></div>
<input type="text" name="name" id="name" /><br />
<input type="text" name="email" id="email" /><br />
<input type="password" name="password" id="password" /><br />
<button id="btn1"> Send </button>
</body>
</html>
متد post سه تا پارامتر داره :
1- پارامتر اول نام صفحه ای که قراره درخواست رو براش ارسال کنیم.
2- پارامتر دوم مقادیری که با POST ارسال میکنیم رو باید قرار بدیم.این مقادیر باید با فرمت json ارسال بشه.
3- پارامتر سوم یک تابع که هنگامی که درخواست به سرور با موفقیت ارسال و دریافت شد اجرا میشه.
- حالا فایل ajax.php رو که پارامتر اول محسوب میشه رو با هم میسازیم :
<?php
if(empty($_REQUEST['name']))
echo "لطفا فیلد ها را با دقت تکمیل کنید";
else
echo "Salam". $_REQUEST['name'];
موفق باشید .
