如何显示由ajax调用运行的PHP文件的回显?

时间:2016-05-05 17:37:49

标签: javascript php ajax echo catch-block

我正在进行的项目要求我在Joomla内部构建一个邮件表单。

SO聊天的一些人建议我使用PHPmailer - 但我注意到它包含在joomla包中,我真的不想第二次加载它,所以我读了一些关于jFactory的文档,我就这么做了。

我想用一些javascript对输入字段进行个性化,所以我也使用JS(具体来说,你可以在下面阅读的ajax调用)命令服务器给我发邮件。我不知道是否有可能/更容易将邮件字段传递给邮件程序部分,如果它位于表单所在的同一个php文件中,所以我创建了一个调用JS的html表单和一个单独的php实际发件人:

  • html页面包含表单和空div。
  • jQuery脚本在运行时修改表单(主要根据其他选项更改下拉选项)并在单击“发送”按钮时执行变量验证,以便发送邮件(通过ajax调用到外部php文件) )或输出错误信息(即“需要邮件地址”)。
  • php文件实际上是使用jFactory发送邮件。

整个工作正常,但我需要更多的测试和我无法从任何地方访问php echo,包括chrome的检查员

我读到echo会自动保存到javascript中的“data”变量,但是这个变量不存在,如果我创建它(可能在错误的地方),它就不会被填充。

我已尝试(在php脚本中)try / catch和if($ mail-> Send())方法生成echo消息但是,因为我从未在浏览器中运行php页面,我不知道两者是否有效。

如何将echo消息发送回我的JS,以便我可以使用console.log()来阅读它? 我无法在Chrome上安装扩展程序,或在不久的将来使用任何其他浏览器。但如果这是我唯一的选择,我想知道它。

我将省略标题,_JEXEC函数和大部分文件,以便只显示php调用部分。

JS:

function send(datastr) {
  $.ajax({
    type: "POST",
    url: "formsend.php",
    data: datastr,
    cache: false,
    success: function(html) {
      $("#systemMessage").fadeIn("slow");
      $("#systemMessage").html('<span>Message successfully sent.</span>');
      $("#systemMessage").css("background-color", "#e1ffc0");
      setTimeout($("#systemMessage").fadeOut("slow"), 2000);
      console.log(data);
    }
  });
}

PHP:

try {
  define('JPATH_BASE', "../");
  define( 'DS', DIRECTORY_SEPARATOR );

  require_once ( JPATH_BASE .DS.'includes'.DS.'defines.php' );
  require_once ( JPATH_BASE .DS.'includes'.DS.'framework.php' );

  require ('libraries/joomla/factory.php');
  # require_once '../class.phpmailer.php';

  $name=$_REQUEST['name']; 
  $subject=$_REQUEST['subject'];
  $body=$_REQUEST['body']; 
  $from=$_REQUEST['from'];

  $to = "mymail@me.com";;

  # Invoke JMail Class
  $mail = JFactory::getMailer();
  # $mail->isSMTP; is not working

  # Set sender array so that my name will show up neatly in your inbox
  $sender = array($user, $name);
  $mail->setSender($sender);

  # Add a recipient
  $mail->addRecipient($to);
  $mail->ClearCCs();
  $mail->ClearBCCs();

  $mail->setSubject($subject);
  $mail->setBody($body);

  $mail->ClearAttachments();
  $mail->ClearCustomHeaders();

  # Send once you have set all of your options
  $mail->Send();
  echo "Message Sent OK\n";
}
catch (Exception $e) {
echo $e->getMessage();
}

3 个答案:

答案 0 :(得分:1)

检查chrome dev工具上的网络选项卡,在那里你可以看到服务器的响应,这也很容易

function send(datastr) {
  $.ajax({
    type: "POST",
    url: "formsend.php",
    data: datastr,
    cache: false,
    success: function(html) {
      console.log(html);
    }
  });
}

答案 1 :(得分:1)

你的变量必须相同。如果您使用的是success: function (html),那么如果您决定使用console.log(html),那么您的console.log应为data,然后您将html更改为data

答案 2 :(得分:1)

JS:

<button>

PHP:

function send(datastr) {
  $.ajax({
    type: "POST",
    url: "formsend.php",
    datatype : 'json',
    data: datastr,
    cache: false,
    success: function(html) {
      $("#systemMessage").fadeIn("slow");
      $("#systemMessage").html('<span>Message successfully sent.</span>');
      $("#systemMessage").css("background-color", "#e1ffc0");
      setTimeout($("#systemMessage").fadeOut("slow"), 2000);
      console.log(html);
    }
  });
}