AJAX不起作用

时间:2013-01-15 07:57:54

标签: ajax

我的JQuery没有激活sanitize函数。我需要从输入字段名中取值,并在路径输入字段中显示它。为什么不工作?编写所有这些代码的页面称为new_page.php,因此当ajax_request函数被触发时,它不会指向外部页面,而是在同一页面上。我使用PHP 5.3和HEIDISQL

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <?php 

        include('conect.php');
        if(($_POST)&&(!empty($_POST['name']))&&(!empty($_POST['path'])) ){
        $name=$_POST['name'];
        $path=$_POST['path'];

        if(isset($_POST['sanitize'])) {
            $title=$_POST['sanitize']; 
            $title = strip_tags($title);
            // Preserve escaped octets.
            $title = preg_replace('|%([a-fA-F0-9][a-fA-F0-9])|', '---$1---', $title);
            // Remove percent signs that are not part of an octet.
            $title = str_replace('%', '', $title);
            // Restore octets.
            $title = preg_replace('|---([a-fA-F0-9][a-fA-F0-9])---|', '%$1', $title);



            $title = strtolower($title);
            $title = preg_replace('/&.+?;/', '', $title); // kill entities
            $title = str_replace('.', '-', $title);
            $title = preg_replace('/[^%a-z0-9 _-]/', '', $title);
            $title = preg_replace('/\s+/', '-', $title);
            $title = preg_replace('|-+|', '-', $title);
            $title = trim($title, '-');

            echo $title;
        }   

        mysql_query("UPDATE menus SET name='$name' , path='$path'");
        }

        ?>
        <html>
        <head>
        <script type="text/javascript" src="/javascript/jquery-1.8.2.min.js"> </script>
        <script>


    // create the XMLHttpRequest object, according browser
function get_XmlHttp() {
  // create the variable that will contain the instance of the XMLHttpRequest object (initially with null value)
  var xmlHttp = null;

  if(window.XMLHttpRequest) {       // for Forefox, IE7+, Opera, Safari, ...
    xmlHttp = new XMLHttpRequest();
  }
  else if(window.ActiveXObject) {   // for Internet Explorer 5 or 6
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }

  return xmlHttp;
}

// sends data to a php file, via POST, and displays the received answer
function ajaxrequest(php_file, tagID) {
  var request =  get_XmlHttp();     // call the function for the XMLHttpRequest instance

  // create pairs index=value with data that must be sent to server
  var  the_data = 'sanitize='+document.getElementById('name').innerHTML;

  request.open("POST", php_file, true);         // set the request

  // adds  a header to tell the PHP script to recognize the data as is sent via POST
  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  request.send(the_data);       // calls the send() method with datas as parameter

  // Check request status
  // If the response is received completely, will be transferred to the HTML tag with tagID
  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      document.getElementById(tagID).innerHTML = request.responseText;
    }
  }
}   


    </script>

        </head>

        <body>
                <form action="<?php $_PHP_SELF ?>" method="post">
                <label for="nume">Name</label><input type="text" name="name" id="name" onchange="ajaxrequest('new_page.php', 'path')" />
                <label for="cale">Path</label><input type="text" path="path" id="path" />
                <input type="submit" name="submit"/>
        </form>
        </body>
        </html>

2 个答案:

答案 0 :(得分:0)

如前所述,您无法使用JavaScript调用PHP函数,因为一个是服务器端技术,另一个是客户端技术,只能在本地浏览器上执行。

处理数据,数据库和用户输入的建议方法是使用MVC architectureActiveRecord paradigm进行数据访问。如果正确完成,在提交到数据库之前,应在活动记录模型中清理所有数据。

答案 1 :(得分:0)

我知道这是一个老帖子,但我认为这有助于人们搜索这个问题。

正如Zorayr所说,PHP是一种基于服务器端的语言,Javascript或衍生产品是客户端的。那是因为你不能从JS代码中调用PHP函数。

但是,不是调用函数,而是可以使用处理过的表单来激活函数,就像在代码中一样。另一种方法是创建一个PHP类并在同一个文件中初始化它。

示例:

<?php
Class MyClass {

    function __construct()
    {
        echo "hello world.";
    }
}
$init = new MyClass();
?>

这样你就可以传递参数并做更清楚的事情。