ictboy
سه شنبه 19 فروردین 1399, 13:11 عصر
باسلام خدمت دوستان
من یک صفحه ای دارم که یک ورودی داخل گذاشتم و در رویداد onchange توسط ajax صفحه ای رو فراخوانی می کنم و نتیجه رو میخوام داخل یک المان مثلا span نشون بدم. هم چیز درست داره کار می کنه فراخوانی ajax صحیح هست و مقدار برگشتی رو هم دارم و با alert می تونم مقدار مورد نظر رو ببینم ولی دستور تغییر محتوای المان کار نمی کنه
[HTML]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>test</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
</head>
<body>
<div>
<input type="text" id="name" name="name" value="" />
<input type="text" id="name2" name="name2" value="" />
<span id="res"></span>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#name").change(function () {
var val1 = $("#name").val();
$("#name2").val(val1);
//-------------------------------------------- Ajax
$.ajax({
type: "POST",
url: "/Projects/Name",
data: '{value1: "' + val1 + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$("#name2").val(response);
alert("Result: " + response);
},
failure: function (response) {
alert(response.responseText);
},
error: function (response) {
alert(response.responseText);
}
});
//--------------------------------------------
});
});
</script>
</body>
</html>
جالب این هست که از بیرون بلاک ajax با val() و text() و html() می تونم مقادیر رو تغییر بدم ولی از داخل بلاک ajax جز alert چیزی کار نمی کنه.
دوستان یه راهنمایی بفرمایید کجای کار مشکل داره.
من یک صفحه ای دارم که یک ورودی داخل گذاشتم و در رویداد onchange توسط ajax صفحه ای رو فراخوانی می کنم و نتیجه رو میخوام داخل یک المان مثلا span نشون بدم. هم چیز درست داره کار می کنه فراخوانی ajax صحیح هست و مقدار برگشتی رو هم دارم و با alert می تونم مقدار مورد نظر رو ببینم ولی دستور تغییر محتوای المان کار نمی کنه
[HTML]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>test</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
</head>
<body>
<div>
<input type="text" id="name" name="name" value="" />
<input type="text" id="name2" name="name2" value="" />
<span id="res"></span>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#name").change(function () {
var val1 = $("#name").val();
$("#name2").val(val1);
//-------------------------------------------- Ajax
$.ajax({
type: "POST",
url: "/Projects/Name",
data: '{value1: "' + val1 + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$("#name2").val(response);
alert("Result: " + response);
},
failure: function (response) {
alert(response.responseText);
},
error: function (response) {
alert(response.responseText);
}
});
//--------------------------------------------
});
});
</script>
</body>
</html>
جالب این هست که از بیرون بلاک ajax با val() و text() و html() می تونم مقادیر رو تغییر بدم ولی از داخل بلاک ajax جز alert چیزی کار نمی کنه.
دوستان یه راهنمایی بفرمایید کجای کار مشکل داره.