title: Dynamically inserting HTML into View through AJAX with JS Array in LARAVEL
body: <p>Hi I am new to Laravel having a situation like: I have a HTML form and loading some HTML like "partial.blade.php" using AJAX in Same form, that is working perfectly with static HTML but,</p>
  
  <p>I want to send a JS Array of object with AJAX Request to Dynamically loading HTML Content like: Drop down in same form </p>
  
  <p>Could any Guide me how Can i Pass JS Array to that piece of HTML so i can Render that Array in "partial.blade.php"</p>
  
  <p>here is my code</p>
  
  <p>this is main form HTML &amp; Array i want to pass with this AJAX Request </p>
  
  <pre><code>var dataArray = $('#data1').val();
  </code></pre>
  
  <p>code included at last in HTML Form Page</p>
  
  <pre><code>$.ajax({                
              url: "add-property/residential",
              type: 'GET',
              dataType: 'html',
              data: { dataArr: dataArray },
              contentType: false,
              processData: false,
              success: function(response) {
                  console.log(response);
                  $('#dynamicForm').html(response);
                  //alert(response);
              },
              error: function(response) {
                  console.log(response);
                  alert('Error....!');
              }
          });
  </code></pre>
  
  <p>here is my Route</p>
  
  <pre><code>Route::any('admin/add-property/residential',function() { return view('admin.residential'); });
  </code></pre>
  
  <p>all i want to receive that JS array in this piece of HTML that is dynamically loading </p>