首页 > web前端 > js教程 > 使用JSON通过Ajax jQuery到PHP

使用JSON通过Ajax jQuery到PHP

Joseph Gordon-Levitt
发布: 2025-03-01 01:36:17
原创
541 人浏览过

jQuery to PHP via AJAX using JSON

>本教程演示了如何通过ajax(POST方法)从jQuery发送JSON数据到PHP脚本,然后将该数据解码为可用的PHP变量。 虽然此示例使用表单输入,但JSON数据来源是灵活的。

>

> jQuery ajax实现

此AJAX函数将JSON数据传输到服务器端PHP脚本:>

$.ajax({
    type: "POST",
    url: targetURL,
    async: false,
    data: JSON.stringify($('#form').serializeArray()),
    success: function(data){
        console.log(data);
        return true;
    },
    complete: function() {},
    error: function(xhr, textStatus, errorThrown) {
        console.log('AJAX loading error: ' + textStatus + ' - ' + errorThrown);
        return false;
    }
});
登录后复制
生成的JSON类似于此(名称值对):

PHP数据处理

data=[{"name":"product","value":"riserva shiraz wine glass"},{"name":"supid","value":"81"},{"name":"brandid","value":"60"},{"name":"blid","value":"7"},{"name":"cid","value":"381"}];
登录后复制
PHP代码解码JSON并处理数据:>

(注意:使用的原始代码

;已将其纠正到

> post request。)
// Decode JSON string into a PHP associative array
$decoded = json_decode($_POST['data'], true); // Note: Changed to $_POST

// Output values:
echo "Outputting values:\n";
foreach ($decoded as $value) {
    echo $value["name"] . "=" . $value["value"] . "\n";
}

// Set values as PHP variables:
echo "\nSetting variables:\n";
foreach ($decoded as $value) {
    $$value["name"] = $value["value"];
    echo $value["name"] . "=" . $$value["name"] . "\n";
}
登录后复制
>

$_GET常见问题(FAQS)$_POST

>

本节解决了有关JQuery,PHP,Ajax和JSON互动的常见问题。

>在jQuery ajax中处理错误:
    在jQuery ajax呼叫中使用
  • 的方法优雅地捕获和处理错误。

    回调函数接收错误信息(例如,.fail()),允许进行特定的错误处理。.fail()> xhr textStatus errorThrown

    >使用jquery ajax发送多个数据:
  • >选项中使用object trialal。 对象中的键值对表示要发送的数据。 PHP通过

    >。访问此数据 data $.ajax() $_POST>$_GET使用从jquery中返回的php返回的JSON数据:

    >使用
  • >将从PHP接收到的JSON字符串转换为JavaScript对象,以便于访问。>
  • >同步与异步ajax:$.parseJSON() jquery ajax默认情况下是异步的(

    >)。设置
  • 使其同步,但这通常会灰心,因为它可以阻止浏览器。
  • async: true>将JSON对象从jQuery发送到php:在jQuery中使用async: false>在发送之前将JavaScript对象转换为JSON字符串。 php使用

    来解析。
  • >>使用post并在jQuery ajax中获取方法:使用JSON.stringify()json_decode()用于发布请求,

    >
  • 用于获取请求。 这些是
  • >的简化版本

    $.post()在jQuery ajax中设置内容类型:$.get()>中使用$.ajax()>选项。对于JSON,将其设置为

  • >>处理成功的AJAX请求:使用jQuery中的方法来处理成功的响应。contentType

  • > 取消AJAX请求:使用取消挂起AJAX请求的方法。 取决于浏览器和请求类型。 .abort()

    请记住将
  • 替换为PHP脚本的实际URL。 一个工作示例需要服务器上的功能性PHP脚本。

以上是使用JSON通过Ajax jQuery到PHP的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板