Was sind einige Probleme mit WeChat JSSDK in Ajax, das verschiedene Seiten anfordert?

Jetzt werde ich einen Artikel über das WeChat JSSDK-Problem mit Ajax-Anforderungen teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Problemszenario:

Ich habe einen Formularinhalt auf Seite A, der mit einem Bluetooth-Drucker gedruckt werden muss. Füllen Sie die Formularinformationen aus , und Anforderung über Ajax Die Informationen werden zur Verarbeitung an die B-Datei (PHP) gesendet. Nachdem Sie über das Formular normal zur B-Seite gesprungen sind, können Sie diese ausdrucken, da neben PHP auch die B-Seite verarbeitet wird enthält JS-Code, den JSSDK-Teil. Beim Senden über eine Ajax-Anfrage erfolgt jedoch keine Antwort und alle JSSDKs außer wx.ready und wx.config können nicht ausgeführt werden. (Beide Dateien A und B haben wx.config- und wx.ready-Konfigurationen)

Zum Beispiel die Parameter zum Senden von Daten:

wx.invoke('sendDataToWXDevice',data,function(res){
  //微信提供的接口，只有这么一个回调函数，如果通过ajax请求，则无法进入回调函数
 if(res.err_msg=='sendDataToWXDevice:ok')
 {
  alert("打印成功");
  window.history.go(-1);
 }
 else
 {
  alert("打印失败");
 } 
 });

Also vermutete ich, dass die zurückgegebenen Daten durch die Anforderung der PHP-Datei den JS-Codeteil meiner B-Seite enthielten. Mit anderen Worten, Seite A hatte wx.config und wx.ready. und Seite B zurückgegeben. Der Inhalt verfügt auch über diese beiden Schnittstellen. Um dieses Problem zu beseitigen,

habe ich alle WeChat-Schnittstellen auf der B-Seite entfernt. In einer Eingabe wird nur der Inhalt gespeichert, der nach der Bearbeitung des Formulars gesendet werden muss.

//返回 处理后的数据
echo &#39;<input type = "hidden" name = "print_str" id = "print_str" value="&#39;.$hex_str.&#39;"/ >&#39;;
echo &#39;<input type = "hidden" name = "device_id" id = "device_id" value="&#39;.$device_ID.&#39;"/ >&#39;;
?>

Der ursprüngliche Sprungseitendruck wurde auf asynchronen Anforderungsdruck umgestellt. Tatsächlich wird das Senden von Daten von WeChat an das Gerät immer noch auf der A-Seite ausgeführt Die B-Datei ist nur dafür verantwortlich, die von A an B übergebenen und durch Verschlüsselung verarbeiteten Daten zurückzugeben. Löschen Sie daher alle gemischten HTML- und JS-Codes in der B-Datei. Sie müssen darauf achten, ob die Konfigurationskonfiguration beta:true enthält Attribut, weil es sich um das Hardware-SDK handelt und ob die zu verwendende Hardware-SDK-Schnittstelle auch in den Schnittstellenlistenparametern ausgefüllt ist

Ich hatte damals das Gefühl, dass meine Idee richtig war. Aber jedes Mal, wenn ich document.write verwende, um die zurückgegebenen Ergebnisse in den Rückruffunktionen von wx.invoke aufzuschreiben, einschließlich openWXDeviceLib, sendDataToWXDevice usw., stelle ich bald fest, dass die Ausgabe nach wx.invoke nicht jedes Mal ausgeführt wird, sondern mein Original Seite Der Inhalt wurde zu diesem Zeitpunkt ebenfalls gelöscht. Daher habe ich den Test fortgesetzt, bis ich die von Seite B zurückgegebenen Daten vor dem Aufruf ausgegeben habe (der obige document.write-Inhalt ist meine Erfolgsrückruffunktion, nachdem die Anforderung erfolgreich war). ) Ausgabe), wurde mir klar, dass die Daten, die ich senden wollte, undefiniert waren, als ich die Aufrufmethode ausführte, und plötzlich stellte ich fest, dass der ursprüngliche Inhalt meiner Seite gelöscht worden war (weil er zuvor zu B gesprungen war. Die Seite wurde gedruckt, also war es leer, ~~, ich habe mich daran gewöhnt und keine Änderungen bemerkt). JQUERY, verwende document.write zur Ausgabe, setzt den Seiteninhalt zurück (der Grund, warum ich document.write zur Ausgabe verwende, ist, dass in einer bestimmten Phase des vorherigen Tests die ursprünglich zum Debuggen verwendete Konfiguration Informationen über das Warnfenster anzeigte). aber ich weiß nicht, warum es document.write verwendet hat. Das Formular wurde auf die Seite geschrieben. Ich habe vergessen, was damals passiert ist, was diesen Fehler verursacht hat, aber ich bin mir dieses Problems von JQ immer noch bewusst)

Denken Sie daran: Wenn Sie document.write verwenden, um den Inhalt in der Ajax-Rückruffunktion von JQuery auszugeben, wird der Seiteninhalt zurückgesetzt. Was andere Rückruffunktionen betrifft, können Sie selbst einen Blick darauf werfen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Eine kurze Diskussion über die verschiedenen Methoden zur Einführung von Less-, Sass- und CSS-Stilen in Vue-cli-Einzeldateikomponenten

Lösen Sie das Loader-Problem von Projekten, die von vue-cli erstellt wurden

Verwenden Sie Vue, um einen Beispielcode für ein Karusselldiagramm zu schreiben, das ein vereinfachtes Buch imitiert

Das obige ist der detaillierte Inhalt vonWas sind einige Probleme mit WeChat JSSDK in Ajax, das verschiedene Seiten anfordert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!