Ajax调用后的Javascript函数

Question

I'm trying to call to a JavaScript function that is sent in a Ajax call

What is the correct way to execute a JavaScript function returned from an Ajax call?

Let say the script looks like this before the Ajax call

<script>
 function start(){
   console.log('1');
 }
</script>

I receive

<script>
 function start(){
   console.log('2');
 }
</script>

Here is the code I have now

nav = $('.js-as'),
$content = $('.js-content'),
$status  = $('.js-status'),
$script  = $('.js-script'),

$.ajax({
  url: '/ajax',
  cache: false,
  beforeSend: function() {
      if (isSupported('transition')) $status.removeClass('start done');

      fadeTimer = setTimeout(function() {
          if (isSupported('transition')) $status.addClass('start');
      }, 100); // Avoid fadeTimer() if content already in cache
  },
  success: function(data) {
      if (fadeTimer) clearTimeout(fadeTimer);

      $nav.removeClass('selected');
      stateLink(e, 'active');
      handler(data);
  }
});
handler = function(data) { // Response
  d.title = data.pagetitle;
  $content.html(data.content);
  $script.html(data.script); // my new script 
  eval(start()); // execute it
};

UPDATE: Solution Using jQuery.globalEval solved this issue

Answer 1

Use one function with argument.

Something like that:

<script>
function start(num){
console.log(num);
}
</script>

So before the AJAX call tou can call start(1) and after the AJAX call you can call start(2)

Answer 2

var start = function(){
  console.log(1);
}

After ajax calling

start = function(){
  console.log(2);
}
start();
// output "2"