javascript - 将 Javascript 转换为 jQuery ajax?

标签 javascript jquery html ajax

我是 jquery 的新手,我在将我的 JavaScript 转换为 jquery ajax 时遇到了问题我试过了,但我没有正确地理解它,如果有人能帮助我,我将非常感谢他/她。

我的代码如何工作:

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


这是它的样子:

enter image description here


这是我的 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 函数。它什么也没显示。

最佳答案

使用 jQuery $.get()会是:

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

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

关于javascript - 将 Javascript 转换为 jQuery ajax?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23059395/

相关文章:

jquery - 为什么 $.when() 中没有错误时会触发 failed() ?

javascript - 下拉列表

javascript - jQuery 每个只影响最后一项

javascript - 使用常规 javascript DOM 获取选择值

javascript - jquery 弹出窗口 - 相同的弹出窗口,多个按钮来启动它

javascript - 使用 Javascript 在旧版浏览器上模拟 HTML5 功能

javascript - Google 脚本以纯文本形式发送电子邮件,而不是 HTML

javascript - HTML - w3-include-html 读取 javascript 问题

jquery - 如何在不更改效果的情况下在可滚动导航中添加下拉菜单?

javascript - 使用成功方法不使用 $http.get 从 json-angularjs 调用到外部 url 获取 json 数据