我不太确定如何提出这个问题，所以我会尽量具体 .

我有一个HTML网站，根据用户输入显示信息 . 它将JS用于所有内容，但我想在服务器端使用PHP和JSON，而不是将所有内容留在客户端 .

到目前为止，我在主JS文件中有一个值数组和搜索方法 .

JS函数和数组：

function testFunction(){

 var ab = document.getElementById('myInput').value;
 for (var ll in cAc) {
     if(ab == cAc[ll].name){
if (cAc.hasOwnProperty(ll)) {
    document.getElementById("secondInput").value = cAc[ll].capital;
    document.getElementById("gmap_canvas").src = cAc[ll].source;
    break;
     }}}}


var cAc = [
{"name":"Afghanistan",
"capital":"Kabul",
"source":"https://maps.google.com/maps?q=kabul&t=&z=13&ie=UTF8&iwloc=&       output=embed"},
{"name": "Albania",
"capital":"Tirana",
"source":"https://maps.google.com/maps?q=tirana&t=&z=13&ie=UTF8&iwloc=&  output=embed"}, etc.

HTML部分：

<form autocomplete="off" action="action_page.php">
<div class="autocomplete" style="width:300px;">
<input id="myInput" type="text" name="myCountry" placeholder="Country">
</div>
<button id="clickMe" type="submit"    value="findCapital"onclick="findCapital()">
    <script>
    document.getElementById("clickMe").onclick = testFunction;
    </script>
</button>
    <input id="secondInput" type="text" name="myCapital"  placeholder="Capital">
</form>

<script>
    autocomplete(document.getElementById("myInput"), countries);
</script>

JSON文件示例：

{
"cAc":[
{"name":"Afghanistan",
 "capital":"Kabul",
 "source":"https://maps.google.com/maps?q=kabul&t=&z=13&ie=UTF8&iwloc=&   output=embed"},
{"name": "Albania",
 "capital":"Tirana",
 "source":"https://maps.google.com/maps?q=tirana&t=&z=13&ie=UTF8&iwloc=&output=embed"},
{"name": "Algeria",
 "capital":"Algiers",
 "source":"https://maps.google.com/maps?q=algiers&t=&z=13&ie=UTF8&iwloc=& output=embed"},
 ...
 }

到目前为止，我已经将数组转换为JSON文件，但我真的不知道如何处理PHP部分 . 这是我第一次与PHP会面，真的不知道从哪里开始 . 我经历了很多主题和来源，但我无法找到解决这个问题的正确方法 . 任何帮助或建议将不胜感激 . 谢谢 .

javascript php html json dom