Php 如何创建简单的json响应 #1 #2_Php_Html_Json

Php 如何创建简单的json响应 #1 #2

php html json

Php 如何创建简单的json响应 #1 #2,php,html,json,Php,Html,Json,我有这个php。我想做的是，只要我输入submit按钮，结果应该是一个json响应。或通过url的响应。我不熟悉json响应 $response['status'] = '1'; $response['message'] = 'success, you have Json encoded something'; header('Content-Type: application/json'); echo json_encode($response); 这可能吗？请帮忙。试试这样的方法 <

我有这个php。我想做的是，只要我输入submit按钮，结果应该是一个json响应。或通过url的响应。我不熟悉json响应

$response['status'] = '1';
$response['message'] = 'success, you have Json encoded something';

header('Content-Type: application/json');
echo json_encode($response);

这可能吗？请帮忙。

试试这样的方法

<?php
$num1 = $_REQUEST['num1'] ;
$num2 = $_REQUEST['num2'] ;
$tot = $num1 + $num2 ;
echo "Total is ".$tot ;
?>
<html>
<body>
<form method="post" action="test.php" >
<label>#1</label>
<input type="text" name="num1" />
<label>#2</label>
<input type="text" name="num2" />
<input type="submit" value="Add" />
</form>
</html>

$num1 = $_REQUEST['num1'] ;
$num2 = $_REQUEST['num2'] ;

$tot = $num1 + $num2 ;

$response["Total"] = $tot;
return json_encode($response);

下面是一个简单的示例，其中包含完整的Javascript位。这也应该跨域工作，因为我在响应中预先添加了jsoncallback

$response['status'] = '1';
$response['message'] = 'success, you have Json encoded something';

header('Content-Type: application/json');
echo json_encode($response);


$（文档）.ready（函数（）{
$（“表格”）。在“提交”上，功能（事件）{
self=$（本）；
event.preventDefault（）；
$.getJSON（“/test.php”，$（this.serializeArray（），函数（响应）{
控制台日志（响应）；
self.append（“+response.total+”）；
});
});
});
#1
#2

test.php：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("form").on("submit", function(event) {
            self = $(this);
            event.preventDefault();
            $.getJSON("/test.php", $(this).serializeArray(), function(response) {
                    console.log(response);
                    self.append("<h3>" + response.total + "</h3>");
                    });
            });
});
</script>
<html>
<body>
<form>
<label>#1</label>
<input type="text" name="num1" />
<label>#2</label>
<input type="text" name="num2" />
<input type="submit" value="Add" />
</form>
</html>