2015-12-15 2 views
0

Я пытаюсь написать код, который записывается в файл при нажатии кнопки. Я начал экспериментировать с позволяя JavaScript (и JQuery) вызвать .php файл:Javascript, вызывающий php?

<!DOCTYPE html> 
<html> 
<title> 
Test Page 
</title> 
<head> 


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

<button id="ST1U" onclick="feedback(this)">I understand</button> 
<button id="ST1N" onclick="feedback(this)">I don't understand </button> 
<script type="text/javascript"> 
function feedback(buttonElement){ 
var bcid= buttonElement.id; 
if(bcid==='ST1U'){ 

    $('#output').load('form.php'); 
} 
else if(bcid==='ST1N'){ 
    alert("We are sorry you didn't understand") 
}} 
</script> 

И в файле 'form.php':

<script type-'text/javascript'> 
alert('thank you for your responds') 
</script> 

Однако, когда я нажимаю первая кнопка, сценарий php, похоже, не работает, так как я не получаю сообщение с предупреждением. Любые идеи, почему он не работает?

+3

Я не вижу в вашем коде 'id =" output ". – Sean

+0

Ваш код работает, но вам нужен . –

ответ

3

Вы запросили jquery для загрузки в выходном id, где находится элемент?

Добавить:

<div id="output"></div> 

Так что ваш код:

<!DOCTYPE html> 
<html> 
<title> 
Test Page 
</title> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

<button id="ST1U" onclick="feedback(this)">I understand</button> 
<button id="ST1N" onclick="feedback(this)">I don't understand </button> 
<div id="output"></div> 
<script type="text/javascript"> 
function feedback(buttonElement){ 
var bcid= buttonElement.id; 
if(bcid==='ST1U'){ 
    $('#output').load('123.php'); 
} 
else if(bcid==='ST1N'){ 
    alert("We are sorry you didn't understand"); 
}} 
</script> 
-2

Вместо обратной связи (это), вы можете использовать обратную связь ('ST1U'), чтобы передать идентификатор элемента. исправить сценарий тег

+4

В чем проблема с использованием 'this'? Они получают 'id' из переданного элемента' ele.id'. –

-1

Вы можете использовать JQuery вместо JavaScript ....

<!DOCTYPE html> 
<html> 
<title> 
Test Page 
</title> 
<head> 


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

<button id="ST1U" class="button">I understand</button> 
<button id="ST1N" class="button">I don't understand </button> 
<script type="text/javascript"> 
$(document).ready(function(){ 

$(".button").click(function(){ 

var bcid= $(this).attr("id"); 
if(bcid==='ST1U'){ 

    $('#output').load('form.php'); 
} 
else if(bcid==='ST1N'){ 
    alert("We are sorry you didn't understand") 
} 
}); 

}); 

+0

Элемент '# output' по-прежнему отсутствует. – Biffen

0

Попробуйте код добавления выходного идентификатора, я испытал это в моем местном код работает нормально , может быть, вы забыли поместить выходной идентификатор.

<!DOCTYPE html> 
<html> 
<title> 
Test Page 
</title> 
<head> 


    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

    <button id="ST1U" onclick="feedback(this)">I understand</button> 
    <button id="ST1N" onclick="feedback(this)">I don't understand </button> 
    <div id="output"></div> 
    <script type="text/javascript"> 
    function feedback(buttonElement){ 
    var bcid= buttonElement.id; 
    if(bcid==='ST1U'){ 

     $('#output').load('form.php'); 
    } 
    else if(bcid==='ST1N'){ 
     alert("We are sorry you didn't understand") 
    }} 
    </script> 
Смежные вопросы