nút ẩn khi trả về giá trị ajax

Question

Nút bấm có tác vụ nhất định được thực hiện qua ajax. thông qua ajax tôi nhận được một kết quả ở định dạng json trông như thế này trong giao diện điều khiển

["25", 16, "ABC", "DEF", 1] 

Bây giờ tôi muốn điều đó bất cứ khi nào có 1 ở vị trí thứ 4 tôi muốn ẩn vài nút. mã mà tôi đã viết là

$.ajax({ 
    type: 'post', 
    url: 'script.php', 
    dataType: 'json', 
    data: { 
     txt: txtbox, 
     hidden: hiddenTxt 
    }, 
    cache: false, 
    success: function(returndata) { 

     if(returndata[4]=='1') 
     { 
      $("#first").hide(); 
      $("#second").hide(); 
      $("#third").hide(); 
     } 

    }, 
    error: function() { 
     console.error('Failed to process ajax !'); 
    } 

    }); 

nếu điều kiện có vẻ hoạt động vì tôi đã cố gắng đặt hộp cảnh báo trong điều kiện if và nó hoạt động, tuy nhiên các nút vẫn được hiển thị.

mã tôi đã cố gắng để thử nghiệm với hộp cảnh báo là

if (returndata[4] == 1) 
    { 
     alert("1"); 
    } 

bất cứ ai có thể vui lòng nói lý do tại sao lại xảy ra

Answer 1

này Tôi biết điều này là những gì bạn đã làm. Tôi đang gặp thách thức để giải quyết vấn đề của bạn. Hãy làm từng cái một. Lần đầu tiên, hãy thử thay vì mã này:

$.post("script.php", {txt: txtbox, hidden: hiddenTxt}, function (res) { 
    alert("Response: " + res); 
    alert("Type: " + typeof res); 
}); 

Hãy cho tôi biết kết quả của bạn trong phần nhận xét. Chúc mừng.

Answer 2

Bạn đã đối sánh một '1' làm string trong phần ẩn của mình, nhưng trong phần cảnh báo khớp với một số 1 là number. Đây có thể là vấn đề.

Tránh này

if(returndata[4]=='1') 

Sử dụng này

if(returndata[4] == 1) 

Answer 3

thử làm theo những thay đổi trong phương pháp ajax của bạn ...

1. sử dụng phương thức GET thay vì POST
.210

2. không cần phải sử dụng datatype: 'json'

   $.ajax({ 
   type: 'GET', 
   url: 'script.php', 
   data: { 
       txt: txtbox, 
       hidden: hiddenTxt 
   }, 
   cache: false, 
   success: function(returndata) { 
   
       if(returndata[4]=='1') 
       { 
        $("#first").hide(); 
        $("#second").hide(); 
        $("#third").hide(); 
       } 
   
   }, 
   error: function() { 
       console.error('Failed to process ajax !'); 
   } 
       }); 
   

liên quan Prem

Answer 4

Trong ý kiến ​​tôi thấy thatyou đã đăng tải kết quả ajax đó là:

["25", 16, "ABC", "DEF", 1] 

Vấn đề của bạn là sự so sánh là === "1" (tôi thấy loại so sánh được đề cập khi tôi gắn dấu sao ted viết câu trả lời này) và bạn có 1 là số không "1" là chuỗi, === có nghĩa là so sánh kiểu, do đó, theo cách chính xác nó cho sai vì 1 là numbet và "1" là chuỗi. Bạn có thể khắc phục điều này bằng cách thay đổi điều kiện:

returndata[4]===1 

hoặc không có loại kiểm tra:

returndata[4]==1 

Vậy là xong.

Để hiểu thêm về câu trả lời này, tôi đã chuẩn bị một vài ví dụ.

console.log("1 === '1'"); 
 
console.log(1==='1'); 
 

 
console.log("1 === 1"); 
 
console.log(1===1); 
 

 

 
console.log("1 == '1' (no type comarision)"); 
 
console.log(1=='1');