使用Ajax将Java脚本重写为jQuery [英] Rewrite Javascript to jQuery with Ajax

问题描述

我对jQuery完全陌生，我需要将这部分javascript重写为jQuery.你能帮我吗?这是正确的吗?

I'm totally new to jQuery and I need to rewrite this bit of javascript to jQuery. Can you help me out? Is this correct?

JavaScript:

Javascript:

var xmlHttpRequest = new XMLHttpRequest();

function getTasks(){
var name=document.getElementById("name").value;
var summary=document.getElementById("summary").value;
    if (xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200)
        {
            document.getElementById("open").innerHTML=xmlHttpRequest.responseText;
        }
  xmlHttpRequest.open("Post","jsontaskmanager?name=" + name + "&summary=" + summary, true);
  xmlHttpRequest.send();
}

jQuery:

var xmlhttp = new XMLHttpRequest();

$("document").ready(function(){
    var name = $("name").val();
    var summary = $("summary").val();
    //blah
    $.ajax({
        url: "jsontaskmanager",
        type: "POST",
        dataType: "json",
        data: { name: name, summary: summary },
        success: function(response) {
            $("open").html(response);
        }
    });
});

推荐答案

使用$("#yourid")获取ID为yourid的元素:

Use $("#yourid") to get an element with ID yourid:

$(document).ready(function(){
    var name = $("#name").val();
    var summary = $("#summary").val();
    //blah
    $.ajax({
        url: "jsontaskmanager",
        type: "POST",
        dataType: "json",
        data: { name: name, summary: summary },
        success: function(response) {
            $("#open").html(response);
        }
    });
});

更多信息: http://www.w3schools.com/jquery/jquery_ref_selectors.asp

这篇关于使用Ajax将Java脚本重写为jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！