Yêu cầu thg 9 15, 2021 10:09 SA 222 0 3
  • 222 0 3
0

Truyền value từ jquery sang laravel

Chia sẻ
  • 222 0 3

Em lấy giá trị thông qua ajax hiển thị lên dialog

<td colspan="4" style="border-top: none;">{{ QrCode::encoding('UTF-8')->size(80)->generate('') }}</td>

$('#qrcode').html('SHĐ: '+data.sohopdong);

A/c nào biết cách để truyền giá trị này vào trong generate(' ' ) không ạ.

{{ QrCode::encoding('UTF-8')->size(80)->generate(' ' ) }}

Avatar Phan Tuấn Anh @anhpt891995
thg 10 20, 2021 10:27 SA

3 CÂU TRẢ LỜI


Đã trả lời thg 9 15, 2021 11:56 SA
+1

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!

Chia sẻ
Đã trả lời thg 10 5, 2021 2:38 SA
0

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>
  1. 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>
  1. Load the jQuery ClassyQR after jQuery library
<script type="text/javascript" src="js/jquery.classyqr.js"></script>
  1. Create a container to embed the QR Code
  1. 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:

<div class="row"> <div class="col-md-3"> <form class="form-horizontal" method="post" id="codeForm" onsubmit="return false"> <div class="form-group"> <label class="control-label">Code Content : </label> <input class="form-control col-xs-1" id="content" type="text" required="required">
<label class="control-label">Code Level (ECC) : </label> <select class="form-control col-xs-10" id="ecc"> <option value="H">H - best</option> <option value="M">M</option> <option value="Q">Q</option> <option value="L">L - smallest</option> </select>
<label class="control-label">Size : </label> <input type="number" min="1" max="10" step="1" class="form-control col-xs-10" id="size" value="5">
<label class="control-label"></label> <input type="submit" name="submit" id="submit" class="btn btn-success" value="Generate QR Code">
</form> </div>
<div class="showQRCode">
</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:./'); } ?>
Chia sẻ
Đã trả lời thg 10 20, 2021 10:28 SA
0

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

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí