Worldpay Leuchtkasten Integration

Question

Ich versuche, die Worldpay Leuchtkasten Integration als explained here

<script type="text/javascript"> 
    var customOptions = { 
     iframeIntegrationId: 'libraryObject', 
     iframeHelperURL: 'https://example.com/helper.html', 
     iframeBaseURL: 'https://example.com', 
     url: 'https://payments.worldpay.com/ngpp/integration/wpg/corporate?OrderKey=YOUR_ORDER_KEY&Ticket=YOUR_TICKET_ID', 
     type: 'iframe', 
     target: 'custom-html', 
     accessibility: true, 
     debug: false, 
     language: 'en', 
     country: 'gb', 
     preferredPaymentMethod: 'VISA-SSL', 
     successURL: 'https://example.com/success', 
     cancelURL: 'https://example.com/cancel', 
     failureURL: 'https://example.com/failure', 
     pendingURL: 'https://example.com/pending', 
     errorURL: 'https://example.com/error' 
    }; 
    //initialise the library and pass options 
    var libraryObject = new WPCL.Library(); 
    libraryObject.setup(customOptions); 
</script> 

Durch die Verwendung dieses Skript die URL zeigt 404 error.Any Hilfe wäre wirklich zu schätzen zu tun.

Answer 1

Ich habe gerade dieses Problem, basierend auf dem gleichen Code von Worldpay bereitgestellt. Das Problem wird einfach dadurch verursacht, dass das Bibliotheksobjekt instanziiert wird, bevor das DOM geladen wird - das Worldpay JavaScript versucht, seinen iFrame in das Ziel "custom-html" zu injizieren, das nicht existiert. Alles, was Sie tun müssen, ist die Objekt-Instanziierung innerhalb einer Ready-Funktion zu verschieben, um sicherzustellen, dass das DOM geladen wurde, bevor Sie versuchen, darauf zuzugreifen, z.

$(document).ready(function() { 
     // initialise the library and pass options 
     var libraryObject = new WPCL.Library(); 
     libraryObject.setup(customOptions); 
    }); 

Es könnte helfen, wenn Sie die Debug-Einstellung auf true ändern - beachten Sie, dass die Debug an die Browser-Konsole Ausgabe geschrieben wird, statt Visual Studio!