如何使用json將響應從php返回到javascript？

Question

此問題已得到解決

下面的代碼是正確的工作代碼

我創建了一個html表單，該表單將某些變量發送到php文件，並通過json將成功返回給javascript。 但是問題是無法獲得對javascript文件的任何響應。 我不知道是什么原因。 所以有些可以幫助我。 謝謝

我的表格是

<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">       </script>
<script src="scriptj.js"></script>
</head>
<body>
<form action="http://localhost/donotdel/process.php" method="POST">
    <div id="name-group" class="form-group">
        <label for="name">Name</label>
        <input type="text" class="form-control" name="name" placeholder="name">
    </div>
    <div id="email-group" class="form-group">
        <label for="email">Email</label>
        <input type="text" class="form-control" name="email" placeholder="email">
    </div>
    <button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>
  </form>
</body>
</html>

我的JavaScript文件是

$(document).ready(function () {
    $('form').submit(function (event) {
        $('.form-group').removeClass('has-error');
        $('.help-block').remove();
        var formData = {
            'name': $('input[name=name]').val(),
            'email': $('input[name=email]').val(),
        };
        $.ajax({
            type: 'POST',
            url: 'http://localhost/donotdel/process.php',
            data: formData,
            dataType: 'json',
            encode: true
        }).done(function (data) {
            console.log(data);
            if (!data.success) {
                if (data.errors.name) {
                    $('#name-group').addClass('has-error');
                    $('#name-group').append('<div class="help-block">' + data.errors.name + '</div>');
                }

                if (data.errors.email) {
                    $('#email-group').addClass('has-error');
                    $('#email-group').append('<div class="help-block">' + data.errors.email + '</div>');
                }
            }
            else {
                $('form').append('<div class="alert alert-success">' + data.message + '</div>');
            }
        }).fail(function (data) {
            console.log(data);
        });
        event.preventDefault();
    });
});

和我的PHP文件是

<?php

$errors         = array();      
$data           = array(); 

if (empty($_POST['name']))
    $errors['name'] = 'Name is required.';

if (empty($_POST['email']))
    $errors['email'] = 'Email is required.';

if ( ! empty($errors)) {
    $data['success'] = false;
    $data['errors']  = $errors;
} else {
    $data['success'] = true;
    $data['message'] = 'Success!';
}
header ('Content-Type: application/json');
header("Access-Control-Allow-Origin: *");
echo json_encode($data);
?>

我得到的錯誤不是將json傳遞給javascript文件，而是將json打印在屏幕上。 但是，盡管我需要JavaScript來顯示警報。

Answer 1

嘗試在php中設置適當的標頭：

header ('Content-Type: application/json');

失敗了-您可以發布一個punker或jsfiddle嗎？

Answer 2

正如與OP討論的那樣。

->第一個錯誤是未從goole服務器加載jQuery庫，因此建議下載最新的jQuery庫

->第二個錯誤是'Access-Control-Allow-Origin' 。 建議添加header ('Content-Type: application/json');header("Access-Control-Allow-Origin: *"); 在php文件中或確保從相同的原始域調用ajax請求

header ('Content-Type: application/json');
header("Access-Control-Allow-Origin: *");
echo json_encode($data);

如何使用json將響應從php返回到javascript？

問題描述

2 個解決方案

解決方案1
1 2015-06-03 10:46:53

解決方案2
1 2015-06-03 11:20:39

如何使用json將響應從php返回到javascript？

問題描述

2 個解決方案

解決方案1 1 2015-06-03 10:46:53

解決方案2 1 2015-06-03 11:20:39

解決方案1
1 2015-06-03 10:46:53

解決方案2
1 2015-06-03 11:20:39