我是AJAX请求的新手,我的项目需要帮助。
JQuery / AJAX部分:
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type: 'POST',
url: 'ajax_save.php',]
success: function(msg) {
alert(msg);
}
error: function(msg) {
alert('error');
}
});
});
});
</script>
html部分:
<input type="text" id="txt" name="text" />
<span id="txt">Result Maybe Here</span>
<button>Get External Content</button>
ajax_save.php
echo base64_encode( $_GET["text"] );
这确实表现不佳,只是没有任何痕迹。
表现出色的例子:
<input type="text" id="txt" name="text" /> >>> agnes (user type)
<span id="txt">Result Maybe Here</span> >>> YWduZXM= (result)
<button>Get External Content</button>
答案 0 :(得分:0)
要在浏览器(客户端)上执行AJAX请求,您需要JavaScript。也许您可以看看jQuery.ajax。 $.get('process.php?text=something');
要在PHP(服务器端)中执行AJAX请求,请使用file_get_contents('process.php?text=something');
要使代码正常工作,您应该执行一个GET
请求而不是一个POST
请求:
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type: 'GET',
url: 'ajax_save.php?text=' + $('#text').val(),
success: function(msg) {
$('#span').text(msg)
}
error: function(msg) {
alert('error');
}
});
});
});
</script>
HTML元素中的每个id
都应该是唯一的,因此它们都不应该都是id="txt"
。
顺便说一句,如果您只是要执行Base64编码,为什么不使用JavaScript呢?
$(function(){
$('#text').on('input', function(){
$('#span').text(btoa($(this).val()));
});
});
<input type="text" id="text" name="text" />
<span id="span">Here the result!</span>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>