2013-07-15 74 views
5

因此,我創建了一個帶有多種形式的html網站,使用jQuery對話框用戶界面進行顯示,並使用jQuery表單插件進行ajax提交。從php腳本獲取響應

形式如下:

<form id="login_form" action="admin.php" method="post"> 
    Username: <input type="text" name="username" id="username"/><br/> 
    Password: <input type="password" name="password" id="password"/> 
</form> 

...形式的選擇是這樣的:

$('#login_form').dialog({ 
    buttons:{ 
     "Login": function(){ 
     var options = { 
     success: function(data){ 
      alert(data); 
       $(this).dialog("close"); 
       $('#news_form').dialog("open"); 
      }, 
      timeout: 3000, 
      fail: function(data){ 
       alert('fail'); 
      }, 
      clearForm: true 
     }; 

     // bind form using 'ajaxForm' 
     $('#news_form').ajaxSubmit(options); 
     }, 
     "Exit": function(){ 
      $(this).dialog("close"); 
     } 
    } 
}); 

...和PHP文件是一個簡單的:

<?php 
    $data = 'Herro!'; 
    echo $data; 
?> 

問題是,成功時表單返回的是提交源的html頁面,而不是「Herro!」像我預料的那樣。那麼我做錯了什麼?

admin.html和admin.php文件都在同一個目錄中。

此外,網絡通過xampp在本地運行,但我試圖把它放在網絡服務器上,也沒有任何改進。

FINAL EDIT:問題其實是因爲我在DOM中調用不同的表單對象來提交數據,這是一個沒有action屬性集的表單。感謝大家提供快速解決方案。

+0

你試過的console.log消息? –

+0

聽起來有點像權限錯誤..你在使用什麼操作系統? – msturdy

+0

@msturdy Win 7 x64 Pro –

回答

2

變化$('#news_form').ajaxSubmit(options);$('#login_form').ajaxSubmit(options);

+1

我是這樣一個白癡,謝謝你:D –

1

嘗試包裹在一個JSON對象的結果(在php文件),並在Java腳本結束你現在可以解碼使用任何標準的json的JavaScript庫此JSON對象(你可以下載一個在這裏:http://www.JSON.org/json2.js)。

那你下面的代碼

admin.php的:

<?php 
$data = json_encode('Herro!'); 
echo $data; 
?> 
在HTML(JavaScript的),你可以讓這個小調整

然後:

<script> 
    var result; //adjustment 1 
$('#login_form').dialog({ 
buttons:{ 
    "Login": function(){ 
    var options = { 
    success: function(data){ 
      result = JSON.parse(data); //adjustment 2 
      alert(result); //adjustment 3 
      $(this).dialog("close"); 
      $('#news_form').dialog("open"); 
     }, 
     timeout: 3000, 
     fail: function(data){ 
      alert('fail'); 
     }, 
     clearForm: true 
    }; 

    // bind form using 'ajaxForm' 
    $('#news_form').ajaxSubmit(options); 
    }, 
    "Exit": function(){ 
     $(this).dialog("close"); 
     } 
} 
}); 
</script> 

remeber引用json2 .js文件你下載到你的頁面中。讓我知道這是否有助於你。

+0

我很抱歉,我讓你編寫所有這些...... –

+0

它確定.....反正使用JSON是一個很好的習慣。 – oliverdejohnson