Javascript JQuery AJAX脚本未保存
这里的新手,我现在一整天都在使用这两个jquery脚本。当我启动第一个脚本时,第二个脚本将无法工作 第一个脚本检查数据库中是否已经存在某个产品名称,而第二个脚本是保存数据库中数据项的函数 当我启动第一个脚本时,它工作得非常好。 当产品名称存在时,将禁用“保存产品”按钮, 当产品名称可用时,将启用“保存”按钮 如果数据条目上没有冲突,您可以将详细信息保存到数据库中,但当我启动脚本将其保存到数据库中(这是下面的第二个脚本)时,它不起作用 下面是我的代码 第一个脚本:Javascript JQuery AJAX脚本未保存,javascript,jquery,ajax,Javascript,Jquery,Ajax,这里的新手,我现在一整天都在使用这两个jquery脚本。当我启动第一个脚本时,第二个脚本将无法工作 第一个脚本检查数据库中是否已经存在某个产品名称,而第二个脚本是保存数据库中数据项的函数 当我启动第一个脚本时,它工作得非常好。 当产品名称存在时,将禁用“保存产品”按钮, 当产品名称可用时,将启用“保存”按钮 如果数据条目上没有冲突,您可以将详细信息保存到数据库中,但当我启动脚本将其保存到数据库中(这是下面的第二个脚本)时,它不起作用 下面是我的代码 第一个脚本: $('#prod_name').
$('#prod_name').on('focusout',function(){
var prodname = $('#prod_name').val();
var compid = $('#compid').val();
$.ajax({
url : 'php/ajax.php',
type : 'POST',
async : false,
data : {
check : 1,
compid : compid,
pname : prodname
},
success: function(result){
if (result==1) {
alert('Product Name Already Exists! Please rename the product or give the product name a prefix');
$('#save_prod').prop('disabled',true);
}else{
$('#save_prod').prop('disabled',false);
}
}
});
});
第二个脚本
$('#save_prod').on('click', function(event){
event.preventDefault();
var prodname = $('#prod_name').val();
var prodcat = $('#prod_category').val();
var prodpo = $('#prod_po').val();
var prodbrand = $('#prod_brand').val();
var produnit = $('#prod_unit').val();
var compid = $('#compid').val();
var prodcmf = $('#prod_color').val();
var prodtech = $('#prod_spec').val();
var prodship = $('#prod_ship').val();
if(prodname == ""){
alert('Enter Product Name');
}else if(prodcat == ""){
alert('Select Product Category');
}else if(produnit == ""){
alert('Please select Unit');
}else if(prodpo == ""){
alert('Enter PO Number (if not applicable please input N/A)');
}else if(prodbrand == ""){
alert('Enter Product Brand (if not applicable please input N/A)');
}else if(prodcmf == ""){
alert('Define Color/Material/Finish (if not applicable please input N/A)');
}else if(prodtech == ""){
alert('Define Technical Specifications/Rating (if not applicable please input N/A)');
}else if(prodship == ""){
alert('Define Shipping Mark (if not applicable please input N/A)');
}else{
$.ajax({
url : 'php/ajax.php',
type : 'POST',
async : false,
data : {
prodsave : 1,
compid : compid,
pname : prodname,
pcat : prodcat,
punit : produnit,
ppo : prodpo,
pbrand : prodbrand,
pcmf : prodcmf,
ptech : prodtech,
pship : prodship
},
success: function(result){
if (result == 0) {
var new_prod = $('#prod_name').val();
$('#name_of_product').append('<option value="'+new_prod+ '">'+new_prod+'</option>');
$('#name_of_product').trigger("chosen:updated");
alert('New Product details has been saved!');
$('#prod_name').val("");
$('#prod_category').val("");
$('#prod_po').val("");
$('#prod_brand').val("");
$('#prod_unit').val("")
$('#compid').val("");
$('#prod_color').val("");
$('#prod_spec').val("");
$('#prod_ship').val("");
$('#bgw').hide(500);
$('#bgb').hide(500);
}else if(result == 1){
alert('There was a problem saving the product details. Pelase try again later.');
}else if (result == 2) {
alert("Please fill in all fields");
}else if(result == 3){
alert("Product Name already exists! Please press cancel and select from the list or if you are adding a new product, give the product a different name.");
}
}
});
}
});
$('save#u prod')。在('click',函数(事件){
event.preventDefault();
变量prodname=$(“#产品名称”).val();
var prodcat=$('#prod_category').val();
var prodpo=$('prod_po').val();
var prodbrand=$('#prod_brand').val();
var produnit=$('#prod_unit').val();
var compid=$('#compid').val();
var prodcmf=$('#prod_color').val();
var prodtech=$('prod_spec').val();
var prodship=$('#prod_ship').val();
如果(prodname==“”){
警报(“输入产品名称”);
}else if(prodcat==“”){
警报(“选择产品类别”);
}else if(produnit==“”){
警报(“请选择单位”);
}否则如果(prodpo==“”){
警报(“输入采购订单编号(如果不适用,请输入不适用)”;
}else if(prodbrand==“”){
警报(“输入产品品牌(如果不适用,请输入N/A)”;
}else if(prodcmf==“”){
警报(“定义颜色/材料/饰面(如果不适用,请输入N/A)”;
}否则如果(prodtech==“”){
警报(“定义技术规范/等级(如果不适用,请输入N/A)”;
}else if(prodship==“”){
警报(“定义唛头(如果不适用,请输入N/A)”;
}否则{
$.ajax({
url:'php/ajax.php',
键入:“POST”,
async:false,
数据:{
结果:1,,
康皮德:康皮德,
pname:prodname,
pcat:prodcat,
普尼特:produnit,
ppo:prodpo,
pbrand:prodbrand,
pcmf:prodcmf,
普泰克公司,
pship:prodship
},
成功:功能(结果){
如果(结果==0){
var new_prod=$('#prod_name').val();
$('产品名称')。附加(''+新产品+'');
$('产品名称').trigger(“已选择:已更新”);
警报(“已保存新产品详细信息!”);
$('prod#u name').val(“”);
$('prod#u category').val(“”);
$('prod#po').val(“”);
$('prod#u brand').val(“”);
$('生产单位').val(“”)
$('#compid').val(“”);
$('prod_color').val(“”);
$('prod#u spec').val(“”);
$('prod#u ship').val(“”);
$('bgw')。隐藏(500);
$('bgb')。隐藏(500);
}else if(结果==1){
警报('保存产品详细信息时出现问题。请稍后再试');
}否则如果(结果==2){
警告(“请填写所有字段”);
}否则如果(结果==3){
警告(“产品名称已存在!请按“取消”并从列表中选择,或者如果要添加新产品,请为该产品指定其他名称。”);
}
}
});
}
});
任何帮助都将不胜感激
谢谢大家 我看到您在两个ajax脚本中都有相同的url,即
php/ajax.php
,有时浏览器会缓存ajax的响应,并将前面的ajax请求阻止到相同的url,因为请求是重复的
因此,对于这种情况,请始终使用-
缓存:false
,以便浏览器将每个请求视为一个新请求,而不会缓存或阻止它。问题有点模糊。请注意,如果禁用某个元素(如第一个脚本所做的那样),则无法在该元素上引发任何事件。编辑问题:)请尝试在两个ajax中设置cache:false
requests@ManikArora谢谢这很有效……太好了,我应该把它作为答案吗?:)