2016-03-30 26 views
3
支持

我已經使用jQuery的getScript加入,並生成由Java腳本的HTML表單,但是我得到了 速記屬性名稱不被當前的JavaScript版本PHPStorm,但我的函數的工作,以及支持。速記屬性名稱不被當前的JavaScript版本PHPStorm

關注:之前我用PHP到另一個PHP框架內生成html形式,但我覺得我不應該使用的服務器腳本這樣做,我應該用JS做到這一點,但我不知道這是怎麼回事它是否支持所有的瀏覽器或不支持,所以請給我一些這種技術的想法,因爲我還沒有更多地瞭解起訴DOM及其性能。

安全問題:如果我使用Javascript來生成Html格式如下腳本它會降低安全性或性能不好或不?

另一方面,如果我將這段代碼保存在HTMl中,我將永遠不會得到這種錯誤類型。

$(document).ready(function() { 
    returnTill('returnTill'); 
}); 

function returnTill(returnTill) { 

    var chief_opt = ''; 
    var teller_opt = ''; 
    $.ajax({ 
     url:'/teller/return_till_data', 
     method:'get', 
     dataType:'json', 
     timeout:4000, 
     async: false, 
     success:function (data, status) { 
      $.each(data, function(ins, vals){ 
       if(ins === 'chief') { 
        cheifs = data.chief; 
        for(var key in cheifs){ 
         chief_opt += '<option value="'+vals[key].id+'"> '+vals[key].username+'/'+vals[key].account_no+' </option>'; 
        } 
       }if(ins === 'teller') { /* Tellers*/ 
        tellers = data.teller; 
        for(var key in tellers){ 
         teller_opt = '<option value="'+vals[key].id+'"> '+vals[key].username+'/'+vals[key].account_no+' </option>'; 
        } 
        loadModale({ 
         idSelector: returnTill, 
         title: 'Return Till', 
         labels: ['From','To','Amount','Description'], 
         loadType:'returnTill', 
         forms: { 
          input: { 
           selection: { 
            from:{chief_opt,class:'form-control', name:'retn_chief', id:'retn_chief'}, 
            to:{teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'}, 
           }, 
           Amount :{type: 'text', name: 'retn_amount', class: 'form-control', Id: 'retn_amount', placeholder: '', style: '', value:''}, 
           token:{ type: 'hidden', name: '_token', class: 'form-control', Id: 'token', placeholder: '', style: '', value: '{{csrf_token()}}'}, 
          }, 
          textarea : { 
           description:{class:'form-control', name:'tran_descr', rows:10, id:'tran_descr'} 
          } 
         },script: [ 
          '/theme/js/jquery.validate.min.js', 
          '/theme/js/bootstrap-datepicker/js/bootstrap-datepicker.js', 
         ] 
        }); 
       } 
      }); 

     },error: errorCallback, 
    }); 
} 

錯誤:

enter image description here

+0

作爲對象符號,你必須輸入屬性和值'a:'something'' – kosmos

+0

我不明白它爲什麼會起作用,如果我把它放在html中的文檔包裝中,它永遠不會有任何錯誤。 –

+0

Javascript解釋'chief_opt'是'chief_opt ='something'',這就是它工作的原因。無論如何,正確的應該是使用財產和價值,這就是爲什麼phpstorm評論它是一個錯誤 – kosmos

回答

4

你能解決這個問題是這樣的:

from:{chief_opt: chief_opt} 

所以,如果你改變你的代碼如下:

from:{chief_opt: chief_opt, class:'form-control', name:'retn_chief', id:'retn_chief'}, 
to:{teller_opt: teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'}, 

您不應該再遇到PHPStorm錯誤。

希望它有幫助或至少清除一點點。 ;)

15

我執行Webstorm以下步驟來解決同樣的問題,所以它也可以在PHPStorm工作:

  1. 進入設置通過按下「語言ALT + CNTRL + S
  2. 點擊和框架「
  3. 單擊」Javascript「
  4. 在」Javascript語言版本「下拉列表中,選擇'ECMAScript 6'。
  5. 單擊'確定'
  6. 現在重新打開您之前可能打開的任何* .js文件,並注意錯誤不再存在。

希望能幫助別人。

+1

對於Mac'首選項' - 'COMMAND +,' – Siddharth

相關問題