ajax +upload strange phenomenon?
Sep 19, 2016 am 09:16 AM
<code><form method="post" name="form" id="form" enctype="multipart/form-data"> <textarea name="post" rows="3" maxlength="100" id="post"></textarea></td> <input type="file" name="myFile"> <button type="submit" id="post_btn">發(fā)佈</button> <span id="show"></span> </form> $("#post_btn").click(function(e){ e.preventDefault(); if (post.value=='') { post.focus(); document.getElementById("show").innerHTML = "勿為空"; return (false); } else { var timelinedata = new FormData($("#form")[0]); $.ajax({ type:"POST", url:"ing", data: timelinedata, cache: false, contentType: false, processData: false, success:function(data){ $("#show").html(data); } }); } });</code>
ing
<code>$post = htmlspecialchars(preg_replace("/[\'\"]+/" , '' ,$_POST['post']),ENT_QUOTES); $addtime = time(); $SQL_RE = mysql_query("SELECT * FROM `xxx` WHERE `post` = '".$post."' "); if(mysql_num_rows($SQL_RE)==0) { $allowTime = 60; $allowT = md5(); if (time() - $_SESSION[$allowT] > $allowTime) { $_SESSION[$allowT] = time(); $sql = mysql_query("INSERT INTO `xxx` (`post`,`id`,`addtime`) VALUES ('".$post."','".$_SESSION['userid']."','".$addtime."') "); echo '已發(fā)佈'; } else { echo '過(guò)於頻繁,請(qǐng)稍候'; } } else { echo '你發(fā)佈了相同的內(nèi)容'; }</code>
First of all, because you can upload pictures
, it seems that you must add enctype="multipart/form-data"
with ajax
<code>contentType: false, processData: false,</code>
I removed the judgment of uploading pictures in ing because I tried it and it has nothing to do with it
The problem is
It is like the judgment in my ing
The following is what I described as happening (the same is true for Firefox):
I published a post called 000
It will appear in #show: Published
Then the next second it will become: You posted the same content
Okay, then I press publish again (the content is the same as 000)
At this time "You posted the same content" appears. This is correct
But at this time, the webpage suddenly stops moving at all and only responds after about 3 seconds (to judge whether there is a response, when I move the mouse, the palm of my hand will appear because I have css added cursor: pointer, so we can judge whether the webpage is responsive or not)
Then I click publish again (the content is still 000), and the situation is still the same as the previous line
At this time, my content changes to 00000 and is successfully sent after pressing publish
But it will still appear in the #show appeared: Published
Then the next second it changed to: You published the same content
Then the webpage was stuck for about 3 seconds...
So I don’t understand what causes this situation?
I think so
<code>contentType: false, processData: false,</code>
It has a lot to do with it
Then I couldn’t succeed after I removed it
It seems to have something to do with uploading pictures
Because if you don’t need to upload pictures and just submit a simple form, it’s no problem
Then I went to stackoverflow to crawl this article. The result
is like this: http://stackoverflow.com/ques...
Well... I'm curious, don't they have this situation?
Is this the wrong way to write it? Is there any other way to directly capture all values ??from? Including image upload?
Reply content:
<code><form method="post" name="form" id="form" enctype="multipart/form-data"> <textarea name="post" rows="3" maxlength="100" id="post"></textarea></td> <input type="file" name="myFile"> <button type="submit" id="post_btn">發(fā)佈</button> <span id="show"></span> </form> $("#post_btn").click(function(e){ e.preventDefault(); if (post.value=='') { post.focus(); document.getElementById("show").innerHTML = "勿為空"; return (false); } else { var timelinedata = new FormData($("#form")[0]); $.ajax({ type:"POST", url:"ing", data: timelinedata, cache: false, contentType: false, processData: false, success:function(data){ $("#show").html(data); } }); } });</code>
ing
<code>$post = htmlspecialchars(preg_replace("/[\'\"]+/" , '' ,$_POST['post']),ENT_QUOTES); $addtime = time(); $SQL_RE = mysql_query("SELECT * FROM `xxx` WHERE `post` = '".$post."' "); if(mysql_num_rows($SQL_RE)==0) { $allowTime = 60; $allowT = md5(); if (time() - $_SESSION[$allowT] > $allowTime) { $_SESSION[$allowT] = time(); $sql = mysql_query("INSERT INTO `xxx` (`post`,`id`,`addtime`) VALUES ('".$post."','".$_SESSION['userid']."','".$addtime."') "); echo '已發(fā)佈'; } else { echo '過(guò)於頻繁,請(qǐng)稍候'; } } else { echo '你發(fā)佈了相同的內(nèi)容'; }</code>
First of all, because you can upload pictures
, it seems that you must add enctype="multipart/form-data"
with ajax
<code>contentType: false, processData: false,</code>
I removed the judgment of uploading pictures in ing because I tried it and it has nothing to do with it
The problem is here
Just like the judgment in my ing
The following is what I described as happening (the same is true for Firefox):
I published a post called 000
It will appear in #show: Published
Then the next second it will become: You posted the same content
Okay, then I press publish again (the content is the same as 000)
At this time "You posted the same content" appears. This is correct
But at this time, the webpage suddenly stops moving at all and only responds after about 3 seconds (to judge whether there is a response, when I move the mouse, the palm of my hand will appear because I have css added cursor: pointer, so we can judge whether the webpage is responsive or not)
Then I click publish again (the content is still 000), and the situation is still the same as the previous line
At this time, my content changes to 00000 and is successfully sent after pressing publish
But it will still appear in the #show appeared: Published
Then the next second it changed to: You published the same content
Then the webpage was stuck for about 3 seconds...
So I don’t understand what causes this situation?
I think so
<code>contentType: false, processData: false,</code>
It has a lot to do with it
Then I couldn’t succeed after I removed it
It seems to have something to do with uploading pictures
Because if you don’t need to upload pictures and just submit a simple form, it’s no problem
Then I went to stackoverflow to crawl this article. The result
is like this: http://stackoverflow.com/ques...
Well... I'm curious, don't they have this situation?
Is this the wrong way to write it? Is there any other way to directly capture all values ??from? Including image upload?
You open the F12 developer tools of your browser and enter the network tab. Then click the publish button again to see if there are multiple requests.
I don’t understand. Are you from Taiwan or Hong Kong and Macao? Why are you still using traditional Chinese characters to communicate? Mainlanders have already used simplified Chinese characters

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Avoid N 1 query problems, reduce the number of database queries by loading associated data in advance; 2. Select only the required fields to avoid loading complete entities to save memory and bandwidth; 3. Use cache strategies reasonably, such as Doctrine's secondary cache or Redis cache high-frequency query results; 4. Optimize the entity life cycle and call clear() regularly to free up memory to prevent memory overflow; 5. Ensure that the database index exists and analyze the generated SQL statements to avoid inefficient queries; 6. Disable automatic change tracking in scenarios where changes are not required, and use arrays or lightweight modes to improve performance. Correct use of ORM requires combining SQL monitoring, caching, batch processing and appropriate optimization to ensure application performance while maintaining development efficiency.

To build a flexible PHP microservice, you need to use RabbitMQ to achieve asynchronous communication, 1. Decouple the service through message queues to avoid cascade failures; 2. Configure persistent queues, persistent messages, release confirmation and manual ACK to ensure reliability; 3. Use exponential backoff retry, TTL and dead letter queue security processing failures; 4. Use tools such as supervisord to protect consumer processes and enable heartbeat mechanisms to ensure service health; and ultimately realize the ability of the system to continuously operate in failures.

The settings.json file is located in the user-level or workspace-level path and is used to customize VSCode settings. 1. User-level path: Windows is C:\Users\\AppData\Roaming\Code\User\settings.json, macOS is /Users//Library/ApplicationSupport/Code/User/settings.json, Linux is /home//.config/Code/User/settings.json; 2. Workspace-level path: .vscode/settings in the project root directory

PHP's garbage collection mechanism is based on reference counting, but circular references need to be processed by a periodic circular garbage collector; 1. Reference count releases memory immediately when there is no reference to the variable; 2. Reference reference causes memory to be unable to be automatically released, and it depends on GC to detect and clean it; 3. GC is triggered when the "possible root" zval reaches the threshold or manually calls gc_collect_cycles(); 4. Long-term running PHP applications should monitor gc_status() and call gc_collect_cycles() in time to avoid memory leakage; 5. Best practices include avoiding circular references, using gc_disable() to optimize performance key areas, and dereference objects through the ORM's clear() method.

Bref enables PHP developers to build scalable, cost-effective applications without managing servers. 1.Bref brings PHP to AWSLambda by providing an optimized PHP runtime layer, supports PHP8.3 and other versions, and seamlessly integrates with frameworks such as Laravel and Symfony; 2. The deployment steps include: installing Bref using Composer, configuring serverless.yml to define functions and events, such as HTTP endpoints and Artisan commands; 3. Execute serverlessdeploy command to complete the deployment, automatically configure APIGateway and generate access URLs; 4. For Lambda restrictions, Bref provides solutions.

ReadonlypropertiesinPHP8.2canonlybeassignedonceintheconstructororatdeclarationandcannotbemodifiedafterward,enforcingimmutabilityatthelanguagelevel.2.Toachievedeepimmutability,wrapmutabletypeslikearraysinArrayObjectorusecustomimmutablecollectionssucha

UseaRESTAPItobridgePHPandMLmodelsbyrunningthemodelinPythonviaFlaskorFastAPIandcallingitfromPHPusingcURLorGuzzle.2.RunPythonscriptsdirectlyfromPHPusingexec()orshell_exec()forsimple,low-trafficusecases,thoughthisapproachhassecurityandperformancelimitat

First, use JavaScript to obtain the user system preferences and locally stored theme settings, and initialize the page theme; 1. The HTML structure contains a button to trigger topic switching; 2. CSS uses: root to define bright theme variables, .dark-mode class defines dark theme variables, and applies these variables through var(); 3. JavaScript detects prefers-color-scheme and reads localStorage to determine the initial theme; 4. Switch the dark-mode class on the html element when clicking the button, and saves the current state to localStorage; 5. All color changes are accompanied by 0.3 seconds transition animation to enhance the user
