将Javascript转换为jQuery ajax？

Question

我是jquery的新手，我在将JavaScript转换为jquery ajax方面遇到了麻烦，但是如果有人能帮助我的话，我没有得到正确的答案我将非常感谢他/她。

我的代码如何运作：

当我点击编辑按钮时，会显示一个弹出窗口，显示一个人的记录，我们可以在弹出窗口中编辑它然后保存。

这就是它的样子：

这是我的JavaScript Ajax代码：

function update(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
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)
    {
    document.getElementById("dialog").innerHTML=xmlhttp.responseText;
       $( "#dialog" ).dialog();
    }
  }
xmlhttp.open("GET","updateattendence.php?q="+str,true);
xmlhttp.send();
} 

这是我的HTML代码：

<div id="dialog" title="Edit">
<div id="txtHint"></div>
</div>

问题： 我尝试了jquery get方法，但我不知道如何调用我的JavaScript函数。它什么都没有显示出来。

Answer 1

function update(str)
{
if (str=="")
  {
  $("#txtHint").html("");
  return;
  } 
 $.ajax({
        type : "GET",
        url : "/updateattendence.php?q="+str,
        success : function(responseText) {
        $("#dialog").html(responseText);
        $( "#dialog" ).dialog();
        }
       });
} 

Answer 2

使用jQuery $.get()将是：

function update(str)
{
  if (str=="") {
    $("#txtHint").html("");
    return;
  }

  $.get('updateattendence.php', { q : str }, function(response){
    $('#dialog')
      .html(response)
      .dialog();
  });
}