php - Ajax 表单 : Fallback styling

Question

我有一个 Ajax 表单。现在，如果用户停用了 JavaScript，我想提供可靠的回退。

到目前为止，它在没有 JavaScript 的情况下也能正常工作，但是用户随后只看到 JSON 字符串作为结果打印在空白的白色上而没有样式，因为

echo json_encode( $arr );

如何给它添加样式？我必须 echo 整个 HTML 页面吗？是否可以为禁用的 JS 或其他东西启用重定向？

整个 PHP 代码如下所示:

if ( !empty( $invalidFieldArray ) ) {     
    // validation errors
    $arr = array( "status" => "error" , "data" => $invalidFieldArray );
    echo json_encode( $arr );      
} else {
    // all ok
    $arr = array( "status" => "success" );
    echo json_encode( $arr );
}

Answer 1

HTML 和 AJAX

您可以使用不同的 action您的网址 <form>比 AJAX 使用的那个。这样，您就可以正常工作 <form>输出 HTML 的回退。

X-Requested-With

或者，如果您只想为两种方法使用一个 URL，那么您可以查看 X-Requested-With header 发送，并通过检查值 XMLHttpRequest 来识别 AJAX 请求.

if(strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
  /* It's AJAX */
} else {
  /* HTML fallback */
}