Php 使用ajax的代码预览没有响应_Php_Javascript_Html_Ajax_Client Side

Php 使用ajax的代码预览没有响应

php javascript html ajax

Php 使用ajax的代码预览没有响应,php,javascript,html,ajax,client-side,Php,Javascript,Html,Ajax,Client Side,我试图做以下工作：当用户按下预览按钮时，语法高亮显示的代码使用AJAX显示，但它不起作用。我做错了什么？以下是三个代码： index.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="preview.js"></script> &

我试图做以下工作：当用户按下预览按钮时，语法高亮显示的代码使用AJAX显示，但它不起作用。我做错了什么？以下是三个代码： index.html：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript" src="preview.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title>Test Code Preview</title>
  </head>
  <body>
         <textarea id="pastecode" rows="20" cols="50" name="pastecode"></textarea>
         <br /><input type="text" id="language" name="language"/>
         <br /><input type="button" onclick="process()" value="Preview"/>
         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
         <div id="previewcode"></div>
  </body>
</html>

preview.php：

    <?php
header('Content-Type: text/xml');
 echo '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>';

echo '<response>';
   $code=$_POST['pastecode'];
   $language=$_POST['language'];
   include("geshi/geshi.php");
     $path     = '';
     $geshi    = new GeSHi($code, $language, $path);
   $geshi->set_overall_style('background-color: #ffffee;', true);
   $out = $geshi->parse_code();
   echo htmlentities($out);
echo '</response>';
?>

发生的事情是，我正在填写粘贴代码的文本框和语言的文本框，然后单击按钮，但没有响应。

我正在使用Firefox

对于Ajax请求，您真的应该使用类似的库。这样，您就不必担心不同浏览器和浏览器版本之间的差异

preview.js的外观示例：

function process(){

    $.ajax({
      url: "preview.php",
      type: "post",
      data: {
          pastecode: $("pastecode").val(),
          language: $("language").val()
      },
      success: function(data){
           $("#previewcode").html(data);
           //Or handle data with jQuery.parseXML()
      },
      error:function(jqXHR, textStatus, errorThrown){
          alert("The following error occured: " + textStatus + " " + errorThrown);
      }   
    }); 

}

我不认为它不工作，因为浏览器的差异。我在其他一些更简单的ajax代码中使用了相同的firefox。我想我的代码逻辑有点错误。这就是它不起作用的原因。

function process(){

    $.ajax({
      url: "preview.php",
      type: "post",
      data: {
          pastecode: $("pastecode").val(),
          language: $("language").val()
      },
      success: function(data){
           $("#previewcode").html(data);
           //Or handle data with jQuery.parseXML()
      },
      error:function(jqXHR, textStatus, errorThrown){
          alert("The following error occured: " + textStatus + " " + errorThrown);
      }   
    }); 

}