Ajax不工作…第2部分

Ajax not working... part 2

本文关键字:2部 工作 Ajax      更新时间:2023-09-26

我有几个按钮,当你点击他们中的每一个检查图像打开或关闭(按钮是一个表的一部分,从mysql查询请求信息,它的长度取决于mysql结果的数量)。

我用php和mysql制作的脚本,但由于我需要一个表单来发布数据到该页面,无法刷新,我现在被ajax卡住了。

我有一个PHP文件:"phpcode.php"

CÔR是打开和关闭图像的二进制变量,关键字是mysql表中的主键

<?php
    $n = "SELECT `CÔR` FROM `keywords` WHERE `keyword`='$keyword'";
    $b = mysql_query ($n);
    $row = mysql_fetch_array($b);
    $t = $row['CÔR'];
    if ($t == 1) {
    $m = "UPDATE `keywords` SET `CÔR`=0 WHERE `keyword`='$keyword'";
    mysql_query ($m);
        }
    if ($t == 0) {
    $l = "UPDATE `keywords` SET `CÔR`=1 WHERE `keyword`='$keyword'";
    mysql_query ($l);
        }
?>

由javascript代码调用…

document.getElementById('ajaxButton').onClick = function ('$keyword') { url = 'phpcode.php'; makeRequest(url);}
function makeRequest(url) {httpRequest.open('GET', url);}

javascript是由按钮触发的…

$query = "SELECT `CÔR`, `keyword`, `Adds`, `PRMédio`, `PRDomínioMédio`, `Searches`, `CPC`, `.com`, `.org`, `.net`, `All in URL`, `All in Title`, `All in Desc.`
FROM keywords WHERE ( `Adds`>='$adds'  && `Adds`<='$addsm' && `PRMédio`>='$pr' && `PRMédio`<='$prm' && `PRDomínioMédio`>= '$prdom' && `PRDomínioMédio`<= '$prdommax'
&& `Searches`>='$s' && `Searches`<='$smax' && `CPC`>='$cpc' && `CPC`<='$cpcmax')";  
if ($query_run = mysql_query($query)){

while($query_row = mysql_fetch_assoc($query_run)){
    (... code)
$keyword = $query_row['keyword'];

    (... code)
include('.php');
echo "
<button id='ajaxButton' method 'GET'>Select</button>
       (... code)

这是我第二次达到帮助,与php html和mysql我很舒服,但我似乎不与javascript和ajax相处。

从上周开始我就在努力做这件事…

再次感谢所有的帮助,米格尔

JavaScript是区分大小写的,所以.onClick.onclick的意思不一样。将事件更改为全小写。如果您使用addEventListener

,则有额外的好处

我认为你应该这样修改你的代码:

document.getElementById('ajaxButton').onclick = function () { makeRequest('phpcode.php');}

和makeRequest变成:

 function makeRequest(theUrl)
    {
    var xmlHttp = null;
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false );
    xmlHttp.send( null );
    return xmlHttp.responseText;
    }

请替换

<button id='ajaxButton' method 'GET'>Select</button>
由:

<input type="button" id="ajaxButton">Select</input>