Javascript 如何将XMLHttpRequest转换为JQuery UI自动完成？

我使用手动XMLHttpRequest访问PHP文件和数据库。
像这样：

if(window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function()
{
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
    {
        //xmlhttp.responseText
        //Porcess on Response Text
        }
}
xmlhttp.open("GET", "PHP_Code/MyAjax.php?page=page_id", true);
xmlhttp.send();

现在我想使用jqueryui自动完成Ajax。
这是JQuery UI自动完成文档：

$(function() {
    var availableTags = [
      "ActionScript",
      "C++",
      "ColdFusion",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

$（函数（）{
var availableTags=[
“动作脚本”，
“C++”，
“ColdFusion”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
标签：

我想传递url

PHP\u code/MyAjax.PHP？page=page\u id

而不是availableTags变量。

---

请给出一些在JQuery中发送请求和接收响应的正确方法。

源属性也可以使用url。只是

您的URL需要以特定的方式响应 （来自以下网址的文件）：

字符串：当使用字符串时，自动完成插件希望 字符串，指向将返回JSON数据的URL资源。它可以 在同一台主机上或在不同的主机上（必须提供JSONP）。这个 自动完成插件不过滤结果，而是一个查询 字符串中添加了一个术语字段，服务器端脚本应该使用该字段 用于过滤结果。例如，如果源选项为 设置为“”，用户键入foo，即GET请求 会被强迫的。数据本身可以是 采用与上述本地数据相同的格式

或者，您可以使用格式化数据使jQuery UI自动完成：

$( "#birds" ).autocomplete({
  source: "search.php",
  minLength: 2,
  select: function( event, ui ) {
    log( ui.item ?
      "Selected: " + ui.item.value + " aka " + ui.item.id :
      "Nothing selected, input was " + this.value );
  }
});