Die Übermittlungsseite für mobile Websites funktioniert normal, wenn das Netzwerk langsam ist. Fiddler erfasst jedoch weiterhin denselben Inhalt und übermittelt ihn zweimal.
Die Übermittlungsseite für mobile Websites funktioniert normal, wenn das Netzwerk langsam ist. Fiddler erfasst jedoch weiterhin denselben Inhalt und übermittelt ihn zweimal.
Mein Ansatz besteht darin, ein Token auf der Serverseite zu generieren und das Token beim Absenden zu überprüfen. Die zweite Überprüfung besteht darin, die Schaltfläche „Senden“ beim Absenden des Formulars zu deaktivieren.
<code>// 提交表单数据到后台处理 $.ajax({ type: "post", data: studentInfo, contentType: "application/json", url: "/Home/Submit", beforeSend: function () { // 禁用按钮防止重复提交 $("#submit").attr({ disabled: "disabled" }); }, success: function (data) { if (data == "Success") { //清空输入框 clearBox(); } }, complete: function () { $("#submit").removeAttr("disabled"); }, error: function (data) { console.info("error: " + data.responseText); } });</code>
<code><?php // +---------------------------------------------------------------------- // | CSRF安全验证类 @pushaowei // +---------------------------------------------------------------------- // | [Usage] // | // 后端 // | use library\Base\NoCSRF; // | session_start(); // | if ($this->getRequest()->isPost()) { // | // | try { // | ##验证TOKEN // | NoCSRF::check( 'csrf_token', $_POST, true, 60*10, false ); //60*10为10分钟(null为不验证时间) // | $result = 'CSRF check passed. Form parsed.'; // | //$this->getRequest()->getPost('field'); // | echo $result; // | } catch ( Exception $e ) { // | echo $e->getMessage() . ' Form ignored.'; // | } // | } else { // | #生成TOKEN // | $token = NoCSRF::generate( 'csrf_token' ); // | $this->getView()->assign('token', $token); // | $this->getView()->display('页面'); // | } // | // 前端 // | <input type="hidden" name="csrf_token" value="{$token}"> // +---------------------------------------------------------------------- class NoCSRF { protected static $doOriginCheck = false; /** * Check CSRF tokens match between session and $origin. * Make sure you generated a token in the form before checking it. * * @param String $key The session and $origin key where to find the token. * @param Mixed $origin The object/associative array to retreive the token data from (usually $_POST). * @param Boolean $throwException (Facultative) TRUE to throw exception on check fail, FALSE or default to return false. * @param Integer $timespan (Facultative) Makes the token expire after $timespan seconds. (null = never) * @param Boolean $multiple (Facultative) Makes the token reusable and not one-time. (Useful for ajax-heavy requests). * * @return Boolean Returns FALSE if a CSRF attack is detected, TRUE otherwise. */ public static function check( $key, $origin, $throwException=false, $timespan=null, $multiple=false ) { $session = Session::getInstance(); if ( !$session->has( 'csrf_' . $key ) ) if($throwException) throw new \Exception( 'Missing CSRF session token.' ); else return false; if ( !isset( $origin[ $key ] ) ) if($throwException) throw new \Exception( 'Missing CSRF form token.' ); else return false; // Get valid token from session $hash = $session->get('csrf_' . $key); // Free up session token for one-time CSRF token usage. if(!$multiple) $session->forget('csrf_' . $key); // Origin checks if( self::$doOriginCheck && sha1( $_SERVER['REMOTE_ADDR'] . $_SERVER['HTTP_USER_AGENT'] ) != substr( base64_decode( $hash ), 10, 40 ) ) { if($throwException) throw new \Exception( 'Form origin does not match token origin.' ); else return false; } // Check if session token matches form token if ( $origin[ $key ] != $hash ) if($throwException) throw new \Exception( 'Invalid CSRF token.' ); else return false; // Check for token expiration if ( $timespan != null && is_int( $timespan ) && intval( substr( base64_decode( $hash ), 0, 10 ) ) + $timespan < time() ) if($throwException) throw new \Exception( 'CSRF token has expired.' ); else return false; return true; } /** * Adds extra useragent and remote_addr checks to CSRF protections. */ public static function enableOriginCheck() { self::$doOriginCheck = true; } /** * CSRF token generation method. After generating the token, put it inside a hidden form field named $key. * * @param String $key The session key where the token will be stored. (Will also be the name of the hidden field name) * @return String The generated, base64 encoded token. */ public static function generate( $key ) { $session = Session::getInstance(); $extra = self::$doOriginCheck ? sha1( $_SERVER['REMOTE_ADDR'] . $_SERVER['HTTP_USER_AGENT'] ) : ''; // token generation (basically base64_encode any random complex string, time() is used for token expiration) $token = base64_encode( time() . $extra . self::randomString( 32 ) ); // store the one-time token in session $session->put('csrf_' . $key, $token); return $token; } /** * Generates a random string of given $length. * * @param Integer $length The string length. * @return String The randomly generated string. */ protected static function randomString( $length ) { $seed = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijqlmnopqrtsuvwxyz0123456789'; $max = strlen( $seed ) - 1; $string = ''; for ( $i = 0; $i < $length; ++$i ) $string .= $seed{intval( mt_rand( 0.0, $max ) )}; return $string; } } ?></code>
Es muss einmal angeklickt und einmal übermittelt werden. Aufgrund eines langsamen Netzwerks ist es für Sie unmöglich, einmal zu klicken und zweimal zu senden – wie kann das Auslösen des Ereignisses wie wurzelloses Wasser sein? Wenn dies der Fall ist, muss es ein Problem mit Ihrem Code sein
Nun, es muss nicht so kompliziert sein.
Sehen Sie sich die beiden Anfragen an
Ist die erste Anfrage ausgefallen? Überprüfen Sie, ob sie durch header
verursacht wurde (wenn sie durch einen Klick verursacht wurde, deaktivieren Sie das Klickereignis des Dom-Elements nach dem Klicken) oder nicht verursacht durch 两次点击
. 代码部分原因
und 请求的代码
erfasst haben. Fiddler
Es gibt ungefähr zwei Gründe für die doppelte Übermittlung:
Erstens wird das Klickereignis zweimal ausgelöst (dieser Fall hängt nicht von der Geschwindigkeit des Netzwerks ab)
Dies wird hauptsächlich durch einige js-Plug-Ins verursacht. Das erfordert Google. Es kommt häufiger vor, dass das Ereignis zweimal ausgeführt wird.
Zweitens ist die Netzwerkgeschwindigkeit ausgelastet und der Benutzer kann nicht warten iscroll.js
muss mehrmals vor
stehen. Entfernen Sie die Schaltfläche
. Wenn das Formular mehrmals gesendet werden kann, entfernen Sie das ajax
nach dem disabled
. ajax