JSONPコールバック内のPreventDefault

Question

jsonpのコールバックでイベントのpreventDefaultメソッドを使用したいと思います。私は純粋なjavascriptを使用する必要があります。私はすでにjsonpリクエストをエミュレートする関数を持っています。

var evt_temp = null; 

function onContextMenu(event) 
{  
    evt_temp = event; 
    jsonp 
    ({ 
     url: "someurl", 
     params: "someparams", 
     callback: "cb" 
    }); 
} 

function cb(response) 
{ 
    if (something == true) 
    { 
     evt_temp.preventDefault(); 
     evt_temp = null; 
    } 
} 

私のソリューションは、働いていたが、それはVARにイベントを格納し、良いアイデアではないような気がします。ここでイムやっものです。誰もがこれを行うためのよりよい方法を知っていますか？

Answer 1

まあ、いつか必要に誰かの場合には、私はそれを作った方法のthats：

var MyAPI = 
{ 
    jsonp: function(args) 
    { 
     var script = document.createElement("script"); 
     var url = args.url + "?"; 
     var generatedFunction = "jsonpCallback" + Math.round(Math.random() * 1000001); 

     window[generatedFunction] = function(response) 
     { 
      args.callback(eval("(" + response + ")")); 
      delete window[generatedFunction]; 
      document.body.removeChild(document.getElementById(generatedFunction)); 
     }; 

     if (args.params) 
     { 
      url += "_r={"; 

      for (var prop in args.params) 
      { 
       url += "\"" + prop + "\":\"" + args.params[prop] + "\","; 
      } 

      url = url.substr(0, url.length - 1); 
      url += "}&" 
     } 

     url += "_cb=" + generatedFunction; 

     script.src = url; 
     script.type = "text/javascript"; 
     script.id = generatedFunction; 

     document.body.appendChild(script); 
    } 
}; 

それを呼び出す：

MyAPI.jsonp 
({ 
    url: "someurl", 
    params: { param1: "param1", param2: "param2" }, 
    callback: function(response) 
    { 
     alert(response); 
    } 
}); 

Answer 2

それには何も反対していますが、あなたの場合は少し役に立たないようです。非同期コールバックを使用すると、デフォルトのブラウザ動作が行われた後にpreventDefault()が呼び出されます。イベントのコールバック関数で直接使用する場合にのみ意味があります。

Answer 3

function onContextMenu(event) {  
    evt_temp = event; 
    good_jsonp({ 
     url: "someurl", 
     params: "someparams", 
     callback: function (response) { 
      if (something === true) { 
       event.preventDefault(); 
      } 
     } 
    }); 
} 

var good_jsonp = (function() { 
    var uuid = 0; 
    return good_jsonp; 

    function good_jsonp(obj) { 
     var id = "good_jsonp" + ++uuid; 
     window[id] = obj.callback; 
     obj.callback = id; 
     jsonp(obj); 
    } 
}());