একটি সাধারণ ইনপুট ফর্মের জন্য আমার একটি সহজ এজাক্স টিউটোরিয়াল বা কেস স্টাডি দরকার, যেখানে আমি একটি ইনপুট ফর্মের মাধ্যমে একটি ব্যবহারকারীর নাম পোস্ট করতে চাই, যা এটি ডাটাবেসে প্রেরণ করে ফলাফলের সাথে উত্তর দেয়।
এই জাতীয় টিউটোরিয়ালটির জন্য যে কোনও প্রস্তাবনা স্বাগত I've
উত্তর:
আপনি এটি চেষ্টা করতে পারেন:
$.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 );
});
ধরে নিচ্ছি আপনার মতো কিছু এইচটিএমএল রয়েছে:
<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);
}
});