簡體   English   中英

好像我的Ajax調用url不起作用

[英]It seems like my ajax call to url is not working

我想在用戶刪除數據庫中的記錄之前向用戶顯示確認對話框。 我正在本地PC網絡服務器上進行開發。 有點像這樣:用戶選擇要刪除的記錄(php形式)用戶單擊刪除按鈕(php提交按鈕)彈出對話框,說要刪除記錄(jquery)是的-Ajax調用同一目錄中的另一個php頁面

我已經嘗試過使用chrome和FF進行此操作,沒有錯誤,除了從未調用過生成的頁面外,我看不到其他錯誤。 僅供參考,如果我直接通過瀏覽器像這樣調用de.php頁面,則該頁面可以正常工作:

http://localhost/de.php?eid=61

以下是一些摘要:

<script>
$(function() {
 $( "#dialog-confirm" ).dialog({
  resizable: false,
  height:340,
  modal: true,
  buttons: {
    "Delete Event": function() {
     $.ajax({
        url: '/de.php?eid=<?php echo $theEventId ?>',
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });
      $( this ).dialog( "close" );
      $('#myDiv').append('Trying to Delete');
    },
    Cancel: function() {
      $( this ).dialog( "close" );
      $('#myDiv').append('Delete Cancelled');
    }
  }
 });
});
</script>

表單代碼

<form method="post" action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']) ?>" id="ee_form">

  <div id="myDiv"></div>

  <input type="submit" name="Update" value="Update Event" />
  <a href="index.php"><input type="button" value="Cancel" /></a>      
  <input type="submit" name="Delete" value="Delete Event <?php echo $theEventId ?>" />
</form>

對話框顯示良好,帶有正確的eid。 如果我選擇“刪除事件”按鈕,則會收到“成功”警報,對話框關閉,屏幕上會很好地打印“正在嘗試刪除”,但沒有跡象表明曾經調用過de.php。

我是否正確執行此操作,我缺少什么?

更改ajax部分以發布數據。

使數據具有某種形式,而不是回顯JS。

<form id="myform">
 <input type="hidden" value="<?php echo $theEventId ?>">
 <button type="submit" value="Delete">
</form>

然后在JS中序列化表單。

var form_data = $("#myform").serialize();    

然后發布序列化的數據。

$.ajax({
        url: '/de.php',
        type: 'POST',
        data: form_data,
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });

使用Google Chrome中的開發者工具查看是否發布了任何內容。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM