jquery ajax

<script>
$(document).ready(function(e) {
$(".username").change(function(e) {
var usr = $(".username").val()
if(usr.length >= 4) {
$("#status").html("<font><image src="images/loader.gif" />Checking username...</font>");

var request = $.ajax({
url:"check.php",
type:"POST",
data:"username="+usr
});
request.done(function(msg) {
if(msg == "OK") {
$("#status").html("<font color="green"><img src="/images/images/accepted.png /> Available</font>");
}
else {
$("#status").html(msg);
}

});
request.fail(function(jqXHR, textStatus) {
$("#status").html(textStatus)
});
};
});
});

</script>

स्क्रिप्ट काम करती है, request.done

कोरस संदेश देता है

अगर उपयोगकर्ता नाम उपलब्ध है तो msg = OK //

संदेश = उपयोगकर्ता नाम "। $ उपयोगकर्ता नाम।" यह पहले से ही उपयोग में है। // यदि उपयोगकर्ता नाम मौजूद है

लेकिन मुझे केंट नहीं मिलता अगर msg == ओके #status को संशोधित करने के लिए ..... # स्टेटस खाली है अगर msg = OK

उत्तर:

आपको एक टाइपो मिल गया है - छवि पर अंत-उद्धरण याद आ रहा है src.

$("#status").html("<font color="green"><img src="/images/images/accepted.png /> Available</font>");

^ missing " here

ध्यान दें कि JQuery में एक तत्व-निर्माण सिंटैक्स है जो इन प्रकार के टाइपो से बचने (या कम से कम पता लगाने में मदद कर सकता है)

var el = $("<font>", { color: "green" }).append(
$("<img>", { src: "images/accepted.png" })
).append("Available");
$("#status").html(el);