ノードからHTTPレスポンスを経由してJquery関数を渡す

Question

リクエストに応じて、ドキュメントに埋め込まれたフロントエンドにいくつかのHTMLとjQueryを渡すNode（Express）ベースのAPIを使用しています。私はフロントエンドに送ることができるように、バックエンド上の関数を文字列化するきちんとした方法を探しています。私はフロントエンドに置かなければならないコードの量を最小限にしようとしています。これは機能していますが、少し醜いと感じ、デバッグするのは難しいです。フロントエンドには

responseData.scripts = "<script>"; 
var search_request = 
    "$('#search_form').submit(function(event) { "+ 
      "event.preventDefault();"+ 
     "data.stage = 'search';"+ 
     "data.query.first_name='Bob';"+ 

     "$.ajax({"+ 
       "type: 'GET',"+ 
       "url: 'http://159.203.131.150:3000',"+ 
      "data:data,"+ 
      "crossDomain: true,"+ 
      "success: function(response) {"+ 
       "response = JSON.parse(response);"+ 
       "console.log(response);"+ 
      "}"+    
     "})" + 
    "})" + 
"</script>"; 
responseData.scripts+=search_request; 

、私は

$.ajax({ 
type: "GET", 
url: "http://159.203.131.150:3000", 
data: data, 
crossDomain: true, 

success: function(response) { 
    response = JSON.parse(response); 
    $(response.html).prependTo("#content"); 
    $(response.scripts).appendTo("body"); 
}, 


    }); 

Answer 1

この

$.ajax({ 
type: "GET", 
url: "http://159.203.131.150:3000", 
data: data, 
crossDomain: true, 

success: function(response) { 
    response = JSON.parse(response); 
    $(response.html).prependTo("#content"); 
    $(function() { 
     $('<script>') 
     .attr('type', 'text/javascript') 
     .text(response.scripts) 
     .appendTo('body'); 
    }) 
} 
}); 

好きですし、サーバー側の応答

Answer 2

からスクリプトタグを削除する必要があり、私はExpressのを見つけましたこれを行う関数です（私はExpressには新しく、かなり基本的な関数です）。私は、パブリックフォルダにjavascriptファイルを格納し、私のアプリからそれを提供終了しました。

https://expressjs.com/en/starter/static-files.html