Bagaimana untuk mengendalikan input yang berpotensi "palsu" dalam JSON? Perbincangan tentang alternatif

Question

Andaikan, saya tidak pasti jika ada authorities（但如果存在，我希望选择它们）。如果没有选中的authorities，我希望jQuery选择authorities yang disemak, tidak kira sama ada ia dipilih (sebenarnya, ini bermakna mendapatkan semula nilai input tersembunyi). Pemikiran saya untuk menggunakan konsep "nilai sebenar"/"nilai palsu" JS untuk menangani situasi ini ialah:

    let user = {
        id: $(this).find('[name=id]').val(),
        username: $(this).find('[name=username]').val(),
        password: $(this).find('[name=password]').val(),
        name: $(this).find('[name=name]').val(),
        lastName: $(this).find('[name=lastName]').val(),
        department: $(this).find('[name=department]').val(),
        salary: $(this).find('[name=salary]').val(),
        age: $(this).find('[name=age]').val(),
        email: $(this).find('[name=email]').val(),
        enabledByte: $(this).find('[name=enabledByte]').val(),
        authorities: JSON.parse($(this).find('[name=authorities]:checked').val()) || 
                    JSON.parse($(this).find('[name=authorities]').val())
    };

Namun, ia tidak berkesan. Menariknya, ia berfungsi dalam coretan kod di bawah. Mungkinkah val()在匹配失败时返回的undefined不是“假值”吗？想想看！我最好的猜测是，当解析undefined时，JSON.parse() akan membuang ralat dan bukannya mengembalikan beberapa "nilai palsu" yang saya harapkan. Kaedah ini tidak menerima "param ATAU param", bukan?

Pada pendapat anda, bagaimanakah saya harus memberikan sandaran untuk situasi ini (selain itu, sudah tentu, menyemak "nilai palsu" authorities yang dipilih secara individu, yang agak bertele-tele untuk citarasa saya)?

 

<头>
<元字符集=“UTF-8”>


<标题>Halaman pengurusan

<正文>




Semua pengguna


Tambah pengguna baharu






<标题>
Nama
Nama belakang
Jabatan
E-mel

<正文>

Isi borang
<表格>

<标签=“名称”>Nama: 

                           


Nama keluarga: 

                           

Jabatan: 

<选项值=“IT”>IT
<选项值=“HR”>Sumber Manusia
<选项值=“会计”>Perakaunan

                           


E-mel: 

                           



           
<脚本>
$(document).ready(function() {
$('form').on('submit', fungsi tak segerak (event) {
event.preventDefault();
$('tbody').append(
``
);
const SubmitButton = $(this).find('[type=submit]');
Bentuk malar = $(ini);

Hantar button.removeClass('btn-primary')
.addClass('btn-success')
.attr('value', 'User has been added!')
.attr('jenis', 'butang')
.click(() => $('[href="#users-table"]').tab('show'));

setTimeout(fungsi(){
commitButton.removeClass('btn-success')
.addClass('btn-primary')
.attr('nilai', 'serahkan')
.attr('Jenis            

                

                    
                    2
                

                

                    
                                                    
                                            
                    0
                
                

                    
                                                    
                                            
                    0
                
            

                

                    
                    

                        P粉161939752
                        

                    
                
                

                    

                    

                        

                            balas
                        
                    
                
            

                

                    
membalas semua(2)
                    saya akan balas
                    tutup
                
                


                                

                    
                    

                        

                            

                                P粉8183062802023-09-11 00:47:41
                                Tingkat 2
                            
                            
Masalahnya ialah jika pemilih tidak menjumpai sebarang padanan, .val()返回undefined，而JSON.parse(undefined) ia memberikan pengecualian. 
 Laksanakan sandaran dalam senarai hujah JSON.parse() supaya anda akan menghuraikan sebarang nilai yang berjaya diperoleh. 
authorities: JSON.parse($(this).find('[name=authorities]:checked').val() || 
                        $(this).find('[name=authorities]:first').val())
                            

                                 
                                Suka +0
                                

                                    Tambah Balasan
                                    关闭回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                P粉161939752
                                            
                                        
                                        
                                        balas
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                P粉5613239752023-09-11 00:35:45
                                Tingkat 1
                            
                            
Bergantung pada penggunaan anda, anda mempunyai beberapa pilihan: 

Anda boleh menggabungkan seperti ini JSON.parse。这将使它在解析之前回退到其他字符串，因此如果第一个值是undefined，它不会出错。但是，如果两个值都是undefinedatau salah satu daripadanya adalah JSON tidak sah yang akan menyebabkan ralat. 

JSON.parse($(this).find('[name=authorities]:checked').val()) || $(this).find('[name=authorities]').val());


Jika anda tahu bahawa nilai sama ada JSON yang sah atau undefined，您可以回退到null。 null ialah nilai JSON yang sah, ia boleh dihuraikan. Walau bagaimanapun, jika mana-mana nilai JSON tidak sah, ralat masih akan berlaku. 

JSON.parse($(this).find('[name=authorities]:checked').val()) || $(this).find('[name=authorities]').val() || null);


Jika ada kemungkinan bahawa nilai sama ada JSON tidak sah, anda boleh mengelilinginya dalam blok cuba/tangkap. Dengan cara ini, walaupun ia tidak sah, tiada ralat akan dilemparkan. Ini adalah pilihan paling selamat dan tidak akan salah. 

// Helper to make it easier to do this inline
function safeJsonParse(string) {
  try {
    return JSON.parse(string);
  } catch {
    // JSON is invalid. Will implicitly return undefined.
  }
}

safeJsonParse($(this).find('[name=authorities]:checked').val()) || safeJsonParse($(this).find('[name=authorities]').val())

                            

                                 
                                Suka +0
                                

                                    Tambah Balasan
                                    关闭回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                P粉161939752
                                            
                                        
                                        
                                        balas
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                



                

            

            
            

                

                    
Topik popular
                    Lagi>
                    
                
                


                    

                                                

                             
                            Tutorial CakePHP 
                        
                                                

                             
                            Tutorial Laravel 
                        
                                                

                             
                            Tutorial PHP 
                        
                                                

                             
                            Tutorial Java 
                        
                                            
                
 
            
            


                

                    
 Artikel popular 
                
                

                    

                                                

                            

                                
                                Deutsche Telekom Memulakan Perlombongan Bitcoin Menggunakan Lebihan Tenaga Boleh Diperbaharui
                            
                        
                                                

                            

                                
                                Harga Bitcoin (BTC) Mungkin Meningkat 10% Bergantung pada Hasil Pilihan Raya AS, Berikut Adalah Tahap Penting untuk Diperhatikan
                            
                        
                                                

                            

                                
                                Dragon Age: The Veilguard - Gate Of Lost Ages Walkthrough
                            
                        
                                                

                            

                                
                                Cara membuka peti Waterfront Glades dalam DA: Veilguard
                            
                        
                                                

                            

                                
                                Cara membuka Warden Vault dalam Dragon Age Veilguard
                            
                        
                                            
                
            
            

                

                    
Tutorial Popular
                    Lagi>
                    
                
                

                    

                        
Tutorial berkaitan 

                        
Cadangan popular

                        
Kursus terkini

                    
                    

                                                

                            
                                
                            
                            

                                Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)
                                

                                    
1417086 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu
                                

                                    
4257994 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Tutorial Video Permulaan JAVA
                                

                                    
2477543 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                            
                    

                                                

                            
                                
                            
                            

                                Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)
                                

                                    
1417086 
                                                                            

                                            
                                        
                                                                      
                                
                            
                        
                                                

                            
                                
                            
                            

                                Tutorial Video Permulaan JAVA
                                

                                    
2477543 
                                                                            

                                            
                                        
                                                                      
                                
                            
                        
                                                

                            
                                
                            
                            

                                Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python
                                

                                    
503967 
                                                                            

                                            
                                        
                                                                      
                                
                            
                        
                                                

                            
                                
                            
                            

                                Pengenalan pantas kepada pembangunan bahagian hadapan web
                                

                                    
215291 
                                                                            

                                            
                                        
                                                                      
                                
                            
                        
                                                

                            
                                
                            
                            

                                Kuasai tutorial video PS dari awal
                                

                                    
877513 
                                                                            

                                            
                                        
                                                                      
                                
                            
                        
                                            
                    

                                                

                            
                                
                            
                            

                                [Web front-end] Permulaan pantas Node.js
                                

                                    
6430 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Koleksi lengkap kursus timbunan penuh pembangunan web asing
                                

                                    
5052 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Gunakan GraphQL praktikal bahasa
                                

                                    
4247 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah
                                

                                    
633 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                                

                            
                                
                            
                            

                                Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam
                                

                                    
21593 

                                                                            

                                            
                                        
                                                                    
                            
                        
                                            
                
                
            
            

                

                    
Muat turun terkini
                    Lagi>
                    
                

                                

                

                    

                        
kesan web 

                        
Kod sumber laman web

                        
Bahan laman web

                        
Templat hujung hadapan

                    
                    

                                                

                            

                                
                                [butang borang] kod hubungan borang mesej perusahaan jQuery
                            
                        
                                                

                            

                                
                                [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
                            
                        
                                                

                            

                                
                                [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
                            
                        
                                                

                            

                                
                                [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
                            
                        
                                                

                            

                                
                                [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
                            
                        
                                                

                            

                                
                                [kesan khas html5] Permainan kotak menolak html5 klasik
                            
                        
                                                

                            

                                
                                [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
                            
                        
                                                

                            

                                
                                [Kesan album foto] Kesan zum hover kulit album peribadi CSS3
                            
                        
                                            

                    

                                                

                            

                                
                                [Templat Bootstrap] Templat web pembekal buah-buahan dan sayur-sayuran organik Bootstrap5
                            
                        
                                                

                            

                                
                                [templat bahagian belakang] Pengurusan latar belakang maklumat data pelbagai fungsi Bootstrap3 templat halaman web responsif-Novus
                            
                        
                                                

                            

                                
                                [Templat Bootstrap] Templat halaman web platform perkhidmatan sumber hartanah Bootstrap5
                            
                        
                                                

                            

                                
                                [Templat Bootstrap] Templat web maklumat resume ringkas Bootstrap4
                            
                        
                                                

                            

                                
                                [Templat Bootstrap] templat laman web pendidikan buku skrin lebar bootstrap responsif-DREAMLIFE
                            
                        
                                                

                            

                                
                                [templat bahagian belakang] Templat sistem pengurusan latar belakang CMS perusahaan biru responsif gaya MAC
                            
                        
                                                

                            

                                
                                [templat bahagian belakang] Sistem pengurusan latar belakang suasana kecerunan responsif tapak web template-kotak kegunaan
                            
                        
                                                

                            

                                
                                [Templat Bootstrap] Templat tapak web kedai sayur dan buah-buahan responsif-Organio
                            
                        
                                            

                    

                                                

                            

                                
                                [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
                            
                        
                                                

                            

                                
                                [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
                            
                        
                                                

                            

                                
                                [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
                            
                        
                                                

                            

                                
                                [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
                            
                        
                                                

                            

                                
                                [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
                            
                        
                                                

                            

                                
                                [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
                            
                        
                                                

                            

                                
                                [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
                            
                        
                                                

                            

                                
                                [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)
                            
                        
                                            

                    

                                                

                            

                                
                                [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
                            
                        
                                                

                            

                                
                                [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu
                            
                        
                                            

                
                
            

        

    

        

            

                

                    

                        Tentang kita
                        Penafian
                        Sitemap
                        

                    
                    
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！
                
              
            
        
    
    



John
Jabatan Tenaga AS
IT
john_d@gmail.com


Jane
Jabatan Tenaga AS
Sumber Manusia
jane_d@gmail.com



     

       
   





${$(this).find('[name=name]').val()}


${$(this).find('[name=last-name]').val()}


${$(this).find('[nama=jabatan]').val()}


${$(this).find('[name=email]').val() || 'Tidak berkenaan'}


            
            
            
            
        

        
        
    

Answer 1

Masalahnya ialah jika pemilih tidak menjumpai sebarang padanan, .val()返回undefined，而JSON.parse(undefined) ia memberikan pengecualian.

Laksanakan sandaran dalam senarai hujah JSON.parse() supaya anda akan menghuraikan sebarang nilai yang berjaya diperoleh.

authorities: JSON.parse($(this).find('[name=authorities]:checked').val() || 
                        $(this).find('[name=authorities]:first').val())

Answer 2

Bergantung pada penggunaan anda, anda mempunyai beberapa pilihan:

1. Anda boleh menggabungkan seperti ini JSON.parse。这将使它在解析之前回退到其他字符串，因此如果第一个值是undefined，它不会出错。但是，如果两个值都是undefinedatau salah satu daripadanya adalah JSON tidak sah yang akan menyebabkan ralat.

JSON.parse($(this).find('[name=authorities]:checked').val()) || $(this).find('[name=authorities]').val());

2. Jika anda tahu bahawa nilai sama ada JSON yang sah atau undefined，您可以回退到null。 null ialah nilai JSON yang sah, ia boleh dihuraikan. Walau bagaimanapun, jika mana-mana nilai JSON tidak sah, ralat masih akan berlaku.

JSON.parse($(this).find('[name=authorities]:checked').val()) || $(this).find('[name=authorities]').val() || null);

3. Jika ada kemungkinan bahawa nilai sama ada JSON tidak sah, anda boleh mengelilinginya dalam blok cuba/tangkap. Dengan cara ini, walaupun ia tidak sah, tiada ralat akan dilemparkan. Ini adalah pilihan paling selamat dan tidak akan salah.

// Helper to make it easier to do this inline
function safeJsonParse(string) {
  try {
    return JSON.parse(string);
  } catch {
    // JSON is invalid. Will implicitly return undefined.
  }
}

safeJsonParse($(this).find('[name=authorities]:checked').val()) || safeJsonParse($(this).find('[name=authorities]').val())