Hướng dẫn pass value from javascript to php in same page using ajax - chuyển giá trị từ javascript sang php trong cùng một trang bằng ajax

Question

Đây là mã HTML của tôi:

Nội dung chính Show

Làm thế nào truyền dữ liệu từ JavaScript sang PHP bằng AJAX?
Làm thế nào sử dụng biến JavaScript trên cùng một trang trong PHP?
PHP và JavaScript có thể chia sẻ các biến không?
Làm thế nào vượt qua nhiều giá trị từ PHP sang AJAX?

<form id="form" action="javascript:void(0)">
<input type="submit" id="submit-reg" value="Register" class="submit button" onclick="showtemplate('anniversary')" style='font-family: georgia;font-size: 23px;font-weight: normal;color:white;margin-top:-3px;text-decoration: none;background-color: rgba(0, 0, 0, 0.53);'>    
</form>

Đây là mã JavaScript của tôi:

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

Đây là tệp ajax.php của tôi:

<?php
$ajax=$_POST['section'];
echo $ajax;
?>

Mã HTML và JavaScript ở trên được bao gồm trong một tệp có tên Slider.php. Trong tệp chỉ mục của tôi, tôi đã bao gồm tệp slider.php này và slider.php là bên trong thư mục thanh trượt. Vì vậy, về cơ bản index.php và slider.php không nằm trong cùng một thư mục.

Mã JavaScript cảnh báo dữ liệu đúng. Nhưng trong mã PHP của tôi (tệp ajax.php), giá trị của $ _POST ['Phần'] trống. Vấn đề với mã của tôi là gì. Tôi đã thử googling mọi thứ và thử một vài mã nhưng nó vẫn không hoạt động. Hãy giúp tôi ra

Ben

8.8647 Huy hiệu vàng42 Huy hiệu bạc78 Huy hiệu đồng7 gold badges42 silver badges78 bronze badges

Hỏi ngày 11 tháng 8 năm 2015 lúc 8:09Aug 11, 2015 at 8:09

1

Thay vào đó hãy thử điều này:

$.ajax({
        type: "POST",
        url: 'ajax.php',
        data: { 'section': temp},
        success: function(data)
        {
            alert(data);
        }
    });

Hoàn toàn có khả năng máy chủ của bạn không hiểu chuỗi bạn đã xây dựng ("section="+temp). Khi sử dụng

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

0, tôi thích gửi

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

1 vì đối với

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

2 là hợp lệ, nó yêu cầu một định dạng nhất định.

EDIT1:

Hãy thử điều này và cho tôi biết nếu nó cũng không hoạt động:

$.post('ajax.php', {'section': temp}, function(data}{
  alert(data);
});

Đã trả lời ngày 11 tháng 8 năm 2015 lúc 8:36Aug 11, 2015 at 8:36

Ghost Ghostkemiafa Kemiafakemicofa ghost

15.6K5 Huy hiệu vàng78 Huy hiệu bạc127 Huy hiệu đồng5 gold badges78 silver badges127 bronze badges

3

Thêm plugin jQuery (thư viện jQuery), sau đó chỉ Ajax gọi hoạt động cho ví dụ

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Kiểm tra dữ liệu đầu vào của bạn, cho dù nó chứa '&,' '

Đối với Ajax, hãy gọi, ví dụ:

var gym_name =  encodeURIComponent($("#gym_name").val());
$.ajax({
type: "POST",
url: "abc.php",
data:string_array,
success: function(msg) {
console.log(msg);
 }
});

Trong abc.php

<?php
$id = $_POST['gym_name'];
echo "The id is ".id;
?>

Đã trả lời ngày 11 tháng 8 năm 2015 lúc 9:20Aug 11, 2015 at 9:20

Nitheesh k pnitheesh k pNitheesh K P

1.0608 Huy hiệu bạc17 Huy hiệu đồng8 silver badges17 bronze badges

2

Hãy thử những điều sau (mặc dù tôi không thể giải quyết lý do tại sao câu trả lời của @Grimbode không hoạt động):

$("#submit-reg").on( "click", function() {
  $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: {'section': 'anniversary'},
        success: function(data)
        {
            alert(data);
        }
    });
});

Lưu ý: Tôi không biết mã cơ bản của bạn đang làm gì. Tuy nhiên, tôi sẽ đề nghị không sử dụng các thuộc tính phần tử HTML để xử lý các sự kiện vì nhiều lý do, nhưng tách biệt xử lý JS/sự kiện một cách thích hợp (tệp JS riêng biệt (được đề xuất) hoặc bên trong thẻ

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

3). Đọc thêm...: I don't know what your underlying code is doing. However, I would suggest not using HTML element properties to handle events for numerous reasons, but separate the JS/event handling appropriately (separate js file(s) (recommended) or inside

function showtemplate(temp)
{
    $.ajax({
        type: "POST",
        url: 'ajax.php',
        data: "section="+temp ,
        success: function(data)
        {
            alert(data);
        }
    });  
}

3 tags). Read more...

Đã trả lời ngày 11 tháng 8 năm 2015 lúc 11:20Aug 11, 2015 at 11:20

ManumanuManu

1854 Huy hiệu bạc11 Huy hiệu đồng4 silver badges11 bronze badges

7