Truyền value từ jquery sang laravel

Hi @napmucmayin

QrCode được run tren server, còn $('#qrcode') được run ở phía client sau khi trang tải xong. Về lý thuyết thì không thể nào truyền ngược lại được, vì code PHP sẽ run trước và compile thành trang html chứa các javascript, sau đó các javascript này sẽ được thực thi trên browser

Bạn có thể truyền trực tiếp giá trị vào hàm generate() luôn.

Còn nếu vì lý do nào đó bạn cần phải thực hiện việc sinh ra QR code trên client side bằng javascript hoặc jquery. Bạn có thể tham khảo thư việc sau https://github.com/davidshimjs/qrcodejs

Hope this help!

Thay vì truyền như vậy thì bạn tạo bằng javascript rồi gán vào html luôn nhé

Cách 1:

How to use it:

1. Load the latest version of jQuery library and jQuery qrcode plugin in the page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.qrcode.js"></script>

2. Create a container where you want to place the QR code.

3. Generate a QR code containing custom data. <script type="text/javascript"> $(document).ready(function() { $('#test').qrcode({ 'url' :'https://www.jqueryscript.net', // users will be redirected tothis URL when scanning the QR-Code 'width' : 300,// image width in pixel 'height' : 300,// image height in pixel 'qrsize' : 100// quality of the QR-Code in pixel }); }); </script>

Cách 2:

1. Load the latest version of jQuery library from google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

2. Load the jQuery ClassyQR after jQuery library

<script type="text/javascript" src="js/jquery.classyqr.js"></script>

3. Create a container to embed the QR Code

4. Call the plugin with options // https://mucinhc.com/

<script> $(document).ready(function() { $('#qr').ClassyQR({ create:true,// signals the library to create the image tag inside the container div. type:'text',// text/url/sms/email/call/locatithe text to encode in the QR. on/wifi/contact, default is TEXT text:'Welcome to jQueryScript!' }); }); </script>

Cách 3:

</form> </div> </div> </div> </div>

Step2: Make Ajax Request To Generate QR Code In ajax_generate_code.js file, we will make Ajax request to generate_code.php with required Form input values to generate QR code and display it.

$(document).ready(function() { $("#codeForm").submit(function(){ .ajax({ url:'generate_code.php', type:'POST', data: {formData:("#content").val(), ecc:("#ecc").val(), size:("#size").val()}, success: function(response) { $(".showQRCode").html(response);
}, }); }); });

Step3: Generate QR Code

In generate_code.php file, we will handle functionality with library PHP QR Code to create QR code image file with QRcode function png() in directory codes using form values and return generated QR code image to display on page.

<?php if(isset($_POST) && !empty($_POST)) { include('library/phpqrcode/qrlib.php'); $codesDir = "codes/"; $codeFile = date('d-m-Y-h-i-s').'.png'; $formData = $_POST['formData']; QRcode::png($formData, $codesDir.$codeFile, $_POST['ecc'], $_POST['size']); echo '<img class="img-thumbnail" src="'.$codesDir.$codeFile.'" />'; } else { header('location:./'); } ?>

Có thể tạo QR code từ string bằng thư viện javacript cho linh hoạt =)))