ajax提交参数到json

AJAX是前端开发中常用的技术之一，主要是用来实现在不刷新整个页面的情况下，向服务器请求数据并对页面进行更新。在AJAX中，我们通常会使用JSON格式来交换数据。那么，如何使用AJAX提交参数到JSON呢？

首先，我们需要准备一个表单元素，用来输入需要提交的参数。例如，我们可以创建一个文本框和一个按钮，用户可在文本框中输入参数，并通过点击按钮来提交参数：

<input type="text" id="input-param" />
<button onclick="submitparam()">提交</button>

在“submitparam()”函数中，我们可以通过AJAX发送请求，并提交参数：

function submitparam() {
  var inputParam = document.getElementById("input-param").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST","submit.PHP");
  xhr.setRequestHeader("Content-Type","application/json");
  var json = JSON.stringify({ param: inputParam });
  xhr.send(json);
}

在上述代码中，首先获取了用户输入的参数，然后创建了一个XMLHttpRequest对象，设置了请求的类型、URL以及请求头，最后将需要提交的参数转换成JSON格式并发送请求。

在服务器端获取JSON参数后，我们可以通过以下代码来解析JSON数据：

$json = file_get_contents('PHP://input');
$data = json_decode($json);
if(isset($data->{'param'})){
  echo $data->{'param'};
}

在上述代码中，我们首先使用“file_get_contents()”函数获取JSON参数，然后使用“json_decode()”函数将JSON数据转换成PHP对象，最后使用“isset()”函数来判断参数是否存在，如果存在则输出即可。