时间戳

首页 > 解决方案 > Javascript：来自 PHP 的 Ajax 调用（使用 jQuery）

javascript - Javascript：来自 PHP 的 Ajax 调用（使用 jQuery）

问题描述

它应该如何工作：我将一个参数发送到 color.php。我为它做了一个变量（语言）。然后它返回一个带有 3 个参数的 json 对象：颜色、背景颜色和文本。

颜色.php

<?php
$result = Array("color"=>"", "bgcolor" => "", "text" => "");
$result["color"] = "rgb(".rand(0,255).",".rand(0,255).",".rand(0,255).")";
$result["bgcolor"] = "rgb(".rand(0,255).",".rand(0,255).",".rand(0,255).")";
switch($_GET["nyelv"]) {
    case "magyar":
        $result["text"] = "Hungarian text";
        break;
    case "angol":
        $result["text"] = "English tetx";
        break;
}
echo json_encode($result);
?>

我的javascript函数：

$("#modosits").click(function(){
    var language =$("#nyelv").val();
    $.ajax({
      "url": "color.php",
      "type": "get",
      "data": language,
      "dataType": "json",
      "success": function(data) {
        $("#magyar").css("color", data.color);
        $("#magyar").css("background-color", data.bgcolor);
        $("#magyar").text(data.text);
      }
    })
});

标签： javascriptphpjqueryajax

解决方案

你可以使用它：

$("#modosits").click(function(){
var myColor = $("#my_color").val();
var mybgColor= $("#mybgColor").val();
var mytext= $("#mytext").val();
$.ajax({
  "url": "color.php",
  "type": "get",
  "data": {
     color: myColor,
     bgcolor: mybgColor,
     text: mytext
  },
  "dataType": "json",
  "success": function(data) {
    $("#magyar").css("color", data.color);
    $("#magyar").css("background-color", data.bgcolor);
    $("#magyar").text(data.text);
  }
})

或者您可以在客户端使用 JSON.stringify(language) 并在服务器端使用 json_decode(language)

推荐阅读