पोस्ट के लिए अजाक्स ट्यूटोरियल और प्राप्त करें [बंद]

Question

मुझे एक सरल इनपुट फॉर्म के लिए एक सरल अजाक्स ट्यूटोरियल या केस स्टडी की आवश्यकता है, जहां मैं एक उपयोगकर्ता नाम एक इनपुट फॉर्म के माध्यम से पोस्ट करना चाहता हूं, जो इसे डेटाबेस को भेजता है और परिणामों के साथ उत्तर देता है।
इस तरह के ट्यूटोरियल के लिए किसी भी सिफारिश का स्वागत है, क्योंकि मैंने केवल एक ही मूटूल का उपयोग किया है, लेकिन मैं एक jQuery का उपयोग करके खोज रहा हूं!

Comments

blog.teamtreehouse.com/…

— ytpillai

Answer 1

आप यह कोशिश कर सकते हैं:

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

यह कोड test.htmlफ़ाइल की सामग्री को #resultsतत्व में जोड़ देगा

आप jQuery वेबसाइट पर अधिक जानकारी प्राप्त कर सकते हैं ।

अपडेट करें:

POST डेटा और आउटपुट परिणाम भेजने के लिए इस कोड का उपयोग करें।

var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});

request.done(function(msg) {
  $("#log").html( msg );
});

request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

Answer 2

मान लें कि आपके पास कुछ html हैं:

<input type="text" name="username" id="username">
<div id="resultarea"></div>

आप एक का उपयोग करेंगे <script>:

var myusername = $("#username").val();
$.ajax({
  type: "GET",
  url: "serverscript.xxx",
  data: myusername,
  cache: false,
  success: function(data){
     $("#resultarea").text(data);
  }
});

Comments

आपको पैरामीटर नाम सेट करना पड़ सकता है, जैसे डेटा: "उपयोगकर्ता नाम =" + myusername

— GrandMasterFlush

आप इस लाइब्रेरी के साथ केस केस के लिए ajax भी कर सकते हैं github.com/Guseyn/EHTML , केवल HTML का उपयोग करके

— Guseyn Ismayylov