Question

I have created a web.py URL,and it provides only 2 text boxes(No submit button). When I type a number in the first text field it should post the value into another URL. By using AJAX post() I want to post the data to the second URL. The second URL should return the data that I have posted, and it should display inside the second text box. How can I solve this problem by using key up function and AJAX post() method? I have tried a lot with post() method, but I couldn’t find a proper solution.

Answer 1

Try this

$(function(){

  $("#textbox1").keyup(function(){ 
     if($(this).val()){
      $.post({
        url: "urlToPost",
        data: { "textbox1": $(this).val() },
        success: function(data){//make sure the server sends only the required data
          $("#textbox2").val(data);
        }
      });
     }  
  });
});