👌🏻 📬 🌆 AJAX का उपयोग करके PHP स्क्रिप्ट के चरण-दर-चरण संचालन को लागू करना 👨‍🍳 👨‍💻 ⏮️

मैं स्क्रिप्ट के चरण-दर-चरण संचालन के आयोजन के लिए अधिक या कम सरल और सार्वभौमिक उपकरण की तलाश में था, लेकिन कुछ भी नहीं मिला। यहां तक कि क्यूए में एक प्रश्न पूछा गया , हर जगह केवल सामान्य वाक्यांश। इसलिए, मैंने इस तरह के एक साधन को खुद बनाने का फैसला किया।

यह किस लिए है?

कभी-कभी कुछ बहुत बड़ी फ़ाइल के साथ स्क्रिप्ट को संसाधित करना आवश्यक होता है, उदाहरण के लिए, आयात के लिए। स्वाभाविक रूप से, स्क्रिप्ट का रन समय फ़ाइल के आकार या उसमें लाइनों की संख्या के अनुपात में बढ़ता है।

मैं फाइल प्रोसेसिंग को कई हिस्सों में तोड़ना चाहता हूं और स्क्रिप्ट को पहले ही भागों में काम करना चाहता हूं।

कार्यान्वयन सिद्धांत लंबे समय से ज्ञात है - सर्वर और क्लाइंट के बीच डेटा विनिमय:
क्लाइंट स्क्रिप्ट चलाता है, यह कई पुनरावृत्तियों को निष्पादित करता है और क्लाइंट को उस पंक्ति संख्या पर लौटाता है जिस पर वह बंद हो गया था। उसके बाद, क्लाइंट एक नया अनुरोध करता है, जिसमें वह इस नंबर को स्क्रिप्ट में भेजता है और स्क्रिप्ट आगे काम करना जारी रखता है।

वास्तव में कोड ही

काम के लिए, हमें चाहिए:

index.html

<html> <head> <title>ScriptOffset -      </title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="scriptoffset.js"></script> <link rel="stylesheet" type="text/css" href="scriptoffset.css"> </head> <body> <div class="form"> <input id="url" name="url"> <input id="offset" name="offset" type="hidden"> <div class="progress" style="display: none;"> <div class="bar" style="width: 0%;"></div> </div> <a href="#" id="runScript" class="btn" data-action="run"></a> <a href="#" id="refreshScript" class="btn" style="display: none;"></a> </div> </body> </html>

scriptoffset.php

 <?php //    Ajax if ($_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest') {return;} //      action        . $action = $_POST['action']; if (empty($action)) {return;} $count = 50; $step = 1; //      $url = $_POST['url']; if (empty($url)) return; $offset = $_POST['offset']; // ,     $offset = $offset + $step; if ($offset >= $count) { $sucsess = 1; } else { $sucsess = round($offset / $count, 2); } //     (       ) $output = Array('offset' => $offset, 'sucsess' => $sucsess); echo json_encode($output);

scriptoffset.js

 function setCookie (url, offset){ var ws=new Date(); if (!offset && !url) { ws.setMinutes(10-ws.getMinutes()); } else { ws.setMinutes(10+ws.getMinutes()); } document.cookie="scriptOffsetUrl="+url+";expires="+ws.toGMTString(); document.cookie="scriptOffsetOffset="+offset+";expires="+ws.toGMTString(); } function getCookie(name) { var cookie = " " + document.cookie; var search = " " + name + "="; var setStr = null; var offset = 0; var end = 0; if (cookie.length > 0) { offset = cookie.indexOf(search); if (offset != -1) { offset += search.length; end = cookie.indexOf(";", offset) if (end == -1) { end = cookie.length; } setStr = unescape(cookie.substring(offset, end)); } } return(setStr); } function showProcess (url, sucsess, offset, action) { $('#url, #refreshScript').hide(); $('.progress').show(); $('#runScript').text('!'); $('.bar').text(url); $('.bar').css('width', sucsess * 100 + '%'); setCookie(url, offset); $('#runScript').click(function(){ document.location.href=document.location.href }); scriptOffset(url, offset, action); } function scriptOffset (url, offset, action) { $.ajax({ url: "http://bfmn.ru/scriptoffset/scriptoffset.php", type: "POST", data: { "action":action , "url":url , "offset":offset }, success: function(data){ data = $.parseJSON(data); if(data.sucsess < 1) { showProcess(url, data.sucsess, data.offset, action); } else { setCookie(); $('.bar').css('width','100%'); $('.bar').text('OK'); $('#runScript').text(''); } } }); } $(document).ready(function() { var url = getCookie("scriptOffsetUrl"); var offset = getCookie("scriptOffsetOffset"); if (url && url != 'undefined') { $('#refreshScript').show(); $('#runScript').text(''); $('#url').val(url); $('#offset').val(offset); } $('#runScript').click(function() { var action = $('#runScript').data('action'); var offset = $('#offset').val(); var url = $('#url').val(); if ($('#url').val() != getCookie("scriptOffsetUrl")) { setCookie(); scriptOffset(url, 0, action); } else { scriptOffset(url, offset, action); } return false; }); $('#refreshScript').click(function() { var action = $('#runScript').data('action'); var url = $('#url').val(); setCookie(); scriptOffset(url, 0, action); return false; }); });

scriptoffset.css

 input { font-size: 13px; margin: 0; padding: 0 3px; vertical-align: middle; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; color: #808080; display: inline-block; font-size: 13px; height: 26px; line-height: 18px; width: 243px; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; } .btn { font-size: 13px; padding: 5px 8px; background-color: #0064CD; background-image: -moz-linear-gradient(center top , #049CDB, #0064CD); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; display: inline-block; vertical-align: middle; border-radius: 3px 3px 3px 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-decoration: none; } .btn:hover { background-position: 0 -15px; } .btn:active { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); } .progress { font-size: 13px; margin: 0; vertical-align: middle; background-color: #F7F7F7; background-image: -moz-linear-gradient(center top , #F5F5F5, #F9F9F9); background-repeat: repeat-x; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 28px; width: 250px; overflow: hidden; display: inline-block; } .progress .bar { background-color: #0E90D2; background-image: -moz-linear-gradient(center top , #149BDF, #0480BE); background-size: 40px 40px; -moz-box-sizing: border-box; -moz-transition: width 0.6s ease 0s; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: left; padding: 5px 8px; font-size: 13px; text-shadow: 1px 1px #333; white-space: nowrap; } div.form { margin: 150px auto 0; width: 500px; }

पंजीकरण के लिए css ने बूटस्ट्रैप से कई नियम लिए।

परिणाम क्या है?

Url फ़ील्ड में, हम इंगित करते हैं, उदाहरण के लिए, संसाधित होने वाली फ़ाइल का लिंक और स्क्रिप्ट चलाएँ। एक प्रगति बार दिखाई देता है, और हम बैठते हैं और काम के परिणाम को देखने के लिए 100% तक रेंगने की प्रतीक्षा करते हैं।

इस समाधान के साथ काम करते समय:

हम प्रति पुनरावृत्ति (स्क्रिप्ट में ही) संसाधित लाइनों की संख्या निर्धारित कर सकते हैं;
उपयोगकर्ता को एक वास्तविक प्रगति बार दिखाया गया है, और एक अंतहीन "ट्विस्ट" नहीं है - यदि प्रगति बार बीच में है, तो आधी फ़ाइल संसाधित हो गई है;
उपयोगकर्ता स्क्रिप्ट निष्पादन को रोक सकता है। इस मामले में, ऑफसेट को 10 मिनट के लिए कुकीज़ पर लिखा जाता है ताकि यह स्क्रिप्ट को उसी स्थान से चलाना जारी रख सके।
यदि उपयोगकर्ता पृष्ठ को ताज़ा करता है, तो उसे स्टॉप पॉइंट से स्क्रिप्ट जारी रखने या ओवर स्टार्ट करने के लिए कहा जाएगा (धन्यवाद कुकीज़ भी)।

यदि समुदाय के पास स्क्रिप्ट के साथ चरण-दर-चरण कार्य के लिए ऐसी कार्यक्षमता या यहां तक कि तैयार समाधानों को लागू करने के उदाहरण हैं, तो मैं टिप्पणियों में लिंक के लिए आभारी रहूंगा।

युपीडी। MODX के लिए अनुकूलित समाधान यहाँ है ।

AJAX का उपयोग करके PHP स्क्रिप्ट के चरण-दर-चरण संचालन को लागू करना

यह किस लिए है?

वास्तव में कोड ही

परिणाम क्या है?

More articles: