[英]How to pass data to another page using jquery ajax
我在ajax調用時遇到問題。
這是關於ajax的代碼：
$('#Subjects').click(function() {
$.ajax({
type: 'POST',
url: '../portal/curriculum.php',
data: 'studentNumber='+$('#StudentID').val(),
success: function(data)
{
$('#curriculum').html(data);
}
});
});
當我在另一個頁面上回顯studentNumber時， studentNumber undefined 。 這是為什么？
只需像這樣修改你的代碼：
JS
$('#Subjects').click(function() {
$.ajax({
type: 'POST',
url: '../portal/curriculum.php',
data: { studentNumber: $('#StudentID').val() },
success: function(data)
{
$('#curriculum').html(data);
}
});
});
PHP
<?php
$var = $_POST['studentNumber'];
?>
如果你仍然無法使它工作..其他你應該考慮的事情..
url: '../portal/curriculum.php',
1）請使用完整的URL http://yourdomain.com/portal/curriculum.php或絕對路徑，如/portal/curriculum.php
2）添加錯誤回調以檢出錯誤消息
$('#Subjects').click(function() {
$.ajax({
type: 'POST',
url: '../portal/curriculum.php',
data: { studentNumber: $('#StudentID').val() },
success: function(data)
{
$('#curriculum').html(data);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
});
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("test1.php",
{
name: "Makemelive Technologies",
city: "Mumbai"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});
</script>
</head>
<body>
<button>Send an HTTP POST request to a page and get the result back</button>
</body>
</html>
以上將調用test1.php並將其代碼
<?php
$fname=$_REQUEST['name'];
$city= $_REQUEST['city'];
echo "Company Name is ". $fname. " and it's located in ". $city ;
?>
$('#Subjects').click(function() {
$.ajax({
type: 'POST',
url: '../portal/curriculum.php',
data: { studentNumber: $('#StudentID').val() },
success: function(data)
{
//here data is means the out put from the php file it is not $('#StudentID').val()
$('#curriculum').html(data);
}
});
});
例如，如果你在php上回復一些文本，它將返回數據$（'＃curriculum'）。html（data）;
試着改變
//change
success: function(data)
{
$('#curriculum').html(data);
//to
success: function(result)
{
$('#curriculum').html(result);
檢查會發生什么。 發布我們php文件too curriculum.php
您可以通過Jquery，Ajax和php使用
第1步.index.php
<div id="div_body_users">
</div>
<form method="post" id="frm_data" action="">
<input type="button" id="target" name="submit" value="submit">
<input type="key" id="key" name="key" value="1234">
</form>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(document).ready(function(){
$( "#target" ).click(function() {
// alert("test");
var frm_mail = document.getElementById("frm_data");
var frm_mail_data = new FormData(frm_mail);
$.ajax({
url: "http://localhost/test.php",
data: frm_mail_data,
cache: false,
processData: false,
contentType: false,
type: 'POST',
success: function (result) {
document.getElementById('div_body_users').innerHTML=result;
}
});
});
});
</script>
第2步。創建test.php
<?PHP
//print_r($_POST);
if($_POST['key']=='1234'){
echo "success";
exit(0);
}
?>
$.ajax({
type: "GET",
url: "view/logintmp.php?username="+username+"&password="+password,
}).done(function( msg ) {
var retval = printmsgs(msg,'error_success_msgs');
if(retval==1){
window.location.href='./';
}
});
如何使用Ajax將jQuery Serialize（）數據傳遞到另一個頁面
[英]How to pass jQuery Serialize() data to another page using ajax
如何使用JQuery將數據從一個HTML頁面傳遞到另一HTML頁面？
[英]How to pass data from one HTML page to another HTML page using JQuery?
如何在Codeigniter中使用Ajax jQuery將頁面重定向到另一個頁面？
[英]How to redirecting page to another page using ajax jquery in codeigniter?
使用jQuery和AJAX從另一個頁面返回的數據填充div
[英]Populate div with data returned from another page using JQuery and AJAX
如何使用ajax或javascript將復選框值傳遞給另一個頁面
[英]How to pass checkbox values to another page using ajax or javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.