Load script file dynamically in ASP.NET MVC

Question

I'm using ASP.NET MVC. I have a view that loads contents of a partial view in a section.

Problem is that partial view has some script references in it. so when I load contents of that partial view in the main page, script tags get removed to protect view against script injection attacks.

I have tried different ways to filter script tags out of partial page content and load theme separately but I was unsuccessful.

For example I have tried to filter script tags and append them in the head of main page like this :

 var scripts = $(content).filter('script'); 
 $(scripts).each(function() {
 $('head').append($(this));

I have also tried to load those scripts using $.getscript. The function gets executed nicely but they don't appear in page resource in chrome developer tools. and I cannot use functions inside those scripts.

how can I achieve this ??

Have you checked what's the value of scripts variable after filter? Are there no errors in console? — Konrad Gadzina
– Konrad Gadzina, Commented Apr 24, 2013 at 7:00
"scripts" is an array of script objects and if you put "this.src" in foreach statement it gives you complete script tag. There's no error when injection is take place. — Pouyan
– Pouyan, Commented Apr 24, 2013 at 7:12

Yashh · Accepted Answer · 2013-04-24 09:22:13Z

1

You can move all references of script to Main view or you can use $.ajax "dataType as script" to load script dynamically:

http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

$.ajax({
  dataType : 'script',
  url : 'http://example.com',
  success : function() {
  console.log(a);
  }
});

answered Apr 24, 2013 at 9:22

Yashh

263 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Patricia Over a year ago

In the ajax call, what should the url look like? Using the filepath from BundleConfig ("~/Scripts/app/UsageReport/AggregatedUsageReport.js") is not working and neither does the path that was in the @Scripts.Render("~/bundles/App/UsageReport"). I have no idea how to include a url that points to the location of the javascript file.

Patricia Over a year ago

OK. I figured out the url. It is where the file exists relative to the location of the view file (url: "../../Scripts/app/UsageReport/AggregatedUsageReport.js")

Collectives™ on Stack Overflow

Load script file dynamically in ASP.NET MVC

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related