Javascript 为什么我';我无法替换AJAX成功响应中的HTML内容?
以下是我的代码: jQuery AJAX函数代码:Javascript 为什么我';我无法替换AJAX成功响应中的HTML内容?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,以下是我的代码: jQuery AJAX函数代码: $('#form').submit(function(e) { var form = $(this); var br_id = $('#brand_id').val(); var status = '0'; var module_url = $('#module_url').val(); var upload_url = $('#upload_url').val(); var formdata = false; if
$('#form').submit(function(e) {
var form = $(this);
var br_id = $('#brand_id').val();
var status = '0';
var module_url = $('#module_url').val();
var upload_url = $('#upload_url').val();
var formdata = false;
if(window.FormData) {
formdata = new FormData(form[0]);
}
var formAction = form.attr('action');
$.ajax({
type : 'POST',
url : 'manufacturers.php',
cache : false,
data : formdata ? formdata : form.serialize(),
contentType : false,
processData : false,
success: function(response) {
if(response.error == 0) {
$('#messages').addClass('alert alert-danger').text(response.error_message);
} else {
$('#BrandImageModal').modal('hide');
var newdiv = '<a href="#" id="promotion_status_'+br_id+'"><button type="button" class="btn btn-default">Off</button></a>';
var newtd = '<img src="'+upload_url+text(response.image_path)+'" width="80" height="80">';
var $div = $(newdiv); // use jQuery to parse the HTML
$div.click(function(e) { // use jQuery for event listeners
change_promotion_status(module_url, promotion_status, br_id, '0');
return false;
});
$("div #brand_"+br_id ).html( newdiv );
$("td #brand_image_td_"+br_id ).html( newtd );
}
},
dataType:"JSON"
});
e.preventDefault();
});
$(“#表单”).submit(函数(e){
变量形式=$(此);
var br_id=$('#brand_id').val();
变量状态='0';
var module_url=$('#module_url').val();
var upload_url=$('#upload_url').val();
var formdata=false;
if(window.FormData){
formdata=新的formdata(表格[0]);
}
var formAction=form.attr(‘action’);
$.ajax({
键入:“POST”,
url:'manufacturers.php',
cache:false,
data:formdata?formdata:form.serialize(),
contentType:false,
processData:false,
成功:功能(响应){
如果(response.error==0){
$('#messages').addClass('alert-alert-danger').text(response.error#messages);
}否则{
$('#BrandImageModal').modal('hide');
var newdiv='';
var newtd=“”;
var$div=$(newdiv);//使用jQuery解析HTML
$div.click(函数(e){//使用jQuery作为事件侦听器
更改升级状态(模块url、升级状态、br\u id、“0”);
返回false;
});
$(“div#brand u”+br_id).html(newdiv);
$(“td#brand#u image_utd_u”+br_id).html(newtd);
}
},
数据类型:“JSON”
});
e、 预防默认值();
});
我想用某些ID更改和的HTML内容。但不幸的是,我无法替换这些内容。我不想重新加载页面。内容应该在不重新加载页面的情况下被替换。
有人能在这方面指导我吗?
提前谢谢。试试看
var newdiv = '<a href="#" id="promotion_status_' + br_id + '"><button type="button" class="btn btn-default">Off</button></a>';
//here there was no method called `text` causing a script error
var newtd = '<img src="' + upload_url + text(response.image_path) + '" width="80" height="80">';
var $div = $(newdiv); // use jQuery to parse the HTML
$div.click(function (e) { // use jQuery for event listeners
change_promotion_status(module_url, promotion_status, br_id, '0');
return false;
});
//the click event is bound to the dom element in $div not to the string newdiv
$("div #brand_" + br_id).html($div);
$("td #brand_image_td_" + br_id).html(newtd);
var newdiv='';
//这里没有名为“text”的方法导致脚本错误
var newtd=“”;
var$div=$(newdiv);//使用jQuery解析HTML
$div.click(函数(e){//使用jQuery作为事件侦听器
更改升级状态(模块url、升级状态、br\u id、“0”);
返回false;
});
//click事件绑定到$div中的dom元素,而不是字符串newdiv
$($div#brand_uu“+br_id).html($div);
$(“td#brand#u image_utd_u”+br_id).html(newtd);
您是否在成功处理程序中调试了代码?是否可以记录$(“div#brand!”+br![2]id)的值。长度
与$(“td#brand![2]image![2]td![2]id]相同。长度
too@ArunPJohny:我应该在哪条语句之后将上述两条语句放入代码中?在$('#BrandImageModal').modal('hide')之后代码>你想用文本(response.image\u path)
做什么。。。没有名为text
的内置方法。。。。你有一个自定义函数的名称。。。将其更改为response.image\u路径