2016-03-30 8 views
3

で現在Javascriptのバージョンでサポートされていない私はjqueryのgetScriptを使用していると私は 短縮形のプロパティの名前を得たがJavascriptをして、HTMLフォームを生成するだけでなくPHPStormで現在Javascriptのバージョンでサポートされているが、私の機能の仕事されていません。短縮形プロパティ名はPHPStorm

懸念:私は別のPHPフレームワーク内のHTMLフォームを生成するためにPHPを使用するが、私は私がそれを行うために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, 
    }); 
} 

エラー:あなたはこのようにコードを変更した場合、だから、

from:{chief_opt: chief_opt} 

enter image description here

+0

オブジェクトの表記法として、あなたがプロパティと値を入力する必要が ':「それは働く理由something'' – kosmos

+0

が、私は理解していないと私はHTMLでドキュメントwraperに入れた場合、それはすべてのエラーをやったことがなかったです。 –

+0

Javascriptは 'chief_opt'が' chief_opt = 'something''であると解釈します。とにかく、正しいとプロパティと値を使用する必要があります、その理由phpstormはエラーとしてそれを覚えて – kosmos

答えて

4

あなたはこの方法でそれを修正することができ

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. 以前開いていた可能性のある* .jsファイルを再度開いて、エラーがなくなったことに気づきます。

誰かに役立ちます願っています。

+1

Macの場合 'Preferences' - 'COMMAND + ' – Siddharth