2017-02-22 11 views
3

我有一個名爲beslutning.php的頁面,其中隨機生成器先跟一個開關盒。如何使用ajax onclick執行php開關盒並將結果打印在H標籤中?

該頁面包括在像這樣的索引文件:

<h1 class="cover-heading">Vores beslutning: <?php include "beslutning.php" ?></h1> 

在頁面加載運行腳本,匹配的情況下,當它的預期相呼應出結果。

這就是我需要

一個按鈕,點擊時請求beslutning.php被再次運行,所以我得到一個新的結果索引頁上。

所有我的短語搜索,如執行PHP腳本使用Ajax運行使用Ajax的PHP腳本onclick和一堆其他的替代品有使我沒有任何結果。

我試圖擺弄下面的代碼塊,但沒有運氣。

<script> 
$(document).ready(function(){ 
    $("#NyBeslutning").click(function() { 
     $.ajax({ 
      type: "POST", 
      url: "beslutning.php", //Your required php page 
      data: "$beslutning", //pass your required data here 
      success: function(response){ 
       $('$beslutning').html(response); 
      } 
     }); 
    return false; 
    }); 
</script> 

<a id="NyBeslutning" class="btn btn-lg btn-default" type="button" onClick="$beslutning()">Ny beslutning</a> 

這裏是我的beslutning.php看起來像:

<?php 
$beslutning = mt_rand(0, 1000); 

switch($beslutning) 
{ 
case 1: 
    echo "something"; 
    break; 

case 2: 
    echo "something"; 
    break; 
?> 

有人誰可以幫助? 向我解釋像我是一個嬰兒:)

在此先感謝。

+0

只是一個提示。你不能通過Javascript執行PHP,它是不可能的 –

+0

我認爲這是因爲JavaScript(可能是jQuery)標籤。我去的建議,但絕對是很高興知道無論如何,謝謝:) – JJFDK

+0

這應該會幫助你更好地跟蹤問題:http://stackoverflow.com/a/21617685/2191572 – MonkeyZeus

回答

2

你很近,但是你的jQuery代碼有一些很大的問題。嘗試在使用它們之前閱讀這些文檔。

您不發送任何數據,所以不需要POST,只能做a simple GET request。在你的成功功能中,你指的是$('$beslutning'),這不是什麼。相反,你想要refer to your H1 element。而且,你忘記了圍繞某些代碼關閉大括號。

在HTML方面,您不需要onclick屬性,因爲您已經在腳本中聲明瞭click listener。試試這個,如果它不起作用,請檢查你的瀏覽器的錯誤控制檯。

<script> 
$(document).ready(function(){ 
    $("#NyBeslutning").click(function() { 
     $.get("beslutning.php", function(response) { 
      $('h1.cover-heading').html(response); 
     }); 
    }); 
}); 
</script> 

<h1 class="cover-heading">Vores beslutning: <?php include "beslutning.php" ?></h1> 
<button id="NyBeslutning" class="btn btn-lg btn-default">Ny beslutning</button> 
+1

太棒了!這樣做的竅門,謝謝:D我是jQuery的世界級noob,這不是一個合適的藉口。 – JJFDK

+0

沒問題,只要繼續閱讀和學習!確保你瞭解jQuery選擇器是如何工作的,如果你使用這個框架,它們是非常重要的。 – miken32

-1

,當你在index.php點擊東西beslutning.php文件

<button onmousedown=someFunction()>Click ME</button> 
<script> 
    someFunction(){ 
    set href value here based on your condition example one,two, three 
    window.location = localhost/main.php?switchVariable = one; 
} 
</script> 

在main.php

<h1 class="cover-heading">Vores beslutning: <?php include "beslutning.php" </h1> 

寫 寫這篇

你可以只傳遞一個參數
<?php 

$beslutning= $_GET['switchVariable ']; 
switch($beslutning) 
{ 
case one: 
echo something; 
break; 

case two: 
echo something; 
break; 

?>