使用AJAX发送加号或减号作为post值 函数createMessage() { jQuery.ajax ({ url:“include/CreateMessage.php”, 数据:“BloodGroup=“+$(“#BloodGroup”).val(), 类型:“POST”, 成功:功能(数据) { $(“#消息跨度”).html(数据); $(“#loaderIcon”).hide(); 消息跨度 }, 错误:函数(){} }); } 联系方式 血型 O正(O+) O负(O-) A阳性(A+) A负数(A-) B阳性(A+) B负(B-) AB阳性(AB+) AB阴性(AB-) 下一步>
但若我在下拉框中选择O阳性(O+),但无法得到(O+)作为结果。我得到的答案只有O使用AJAX发送加号或减号作为post值 函数createMessage() { jQuery.ajax ({ url:“include/CreateMessage.php”, 数据:“BloodGroup=“+$(“#BloodGroup”).val(), 类型:“POST”, 成功:功能(数据) { $(“#消息跨度”).html(数据); $(“#loaderIcon”).hide(); 消息跨度 }, 错误:函数(){} }); } 联系方式 血型 O正(O+) O负(O-) A阳性(A+) A负数(A-) B阳性(A+) B负(B-) AB阳性(AB+) AB阴性(AB-) 下一步>,php,jquery,html,ajax,web,Php,Jquery,Html,Ajax,Web,但若我在下拉框中选择O阳性(O+),但无法得到(O+)作为结果。我得到的答案只有O 我想获得下拉框的值,正如它在value属性中给出的那样 问题是您需要对您的值进行编码,以便在url中使用: <html> <head> <script> function createMessage() { jQuery.ajax ({ url: "include/CreateMessage.php",
我想获得下拉框的值,正如它在value属性中给出的那样 问题是您需要对您的值进行编码,以便在url中使用:
<html>
<head>
<script>
function createMessage()
{
jQuery.ajax
({
url: "include/CreateMessage.php",
data:"BloodGroup="+$("#bloodGroup").val(),
type:"POST",
success:function(data)
{
$("#message-span").html(data);
$("#loaderIcon").hide();
message-span
},
error:function (){}
});
}
<script>
<body>
<form class="form-signin" method="POST" action="">
<label> Contact Details </label>
<br><input type="text" name="name" id="name" class="form-control" placeholder="Contact Person Name" maxlength="32" required/>
<br><select class="form-control" name="bloodGroup" id="bloodGroup" required>
<option value="" disabled selected>Blood Group</option>
<option value="O +">O Positive (O+)</option>
<option value="O -">O Negative (O-)</option>
<option value="A +">A Positive (A+)</option>
<option value="A -">A Negative (A-)</option>
<option value="B +">B Positive (A+)</option>
<option value="B -">B Negative (B-)</option>
<option value="AB +">AB Positive (AB+)</option>
<option value="AB -">AB Negative (AB-)</option>
</select>
<br><input type="text" name="time" id="time" class="form-control" placeholder="Time In Hour" maxlength="6" onBlur="createMessage()" required/>
<br><button type="submit">Next ></button>
</form>
</body>
</table>
如果不编码该值,则在服务器上解码该值时,+
将出现一个空格
您可以让jQuery自动执行以下操作:
data:"BloodGroup="+$("#bloodGroup").val(),
如果要手动编码(例如,当您不使用jQuery时),可以使用:
data: { 'BloodGroup': $("#bloodGroup").val() },
问题是您需要对您的值进行编码,以便在url中使用:
<html>
<head>
<script>
function createMessage()
{
jQuery.ajax
({
url: "include/CreateMessage.php",
data:"BloodGroup="+$("#bloodGroup").val(),
type:"POST",
success:function(data)
{
$("#message-span").html(data);
$("#loaderIcon").hide();
message-span
},
error:function (){}
});
}
<script>
<body>
<form class="form-signin" method="POST" action="">
<label> Contact Details </label>
<br><input type="text" name="name" id="name" class="form-control" placeholder="Contact Person Name" maxlength="32" required/>
<br><select class="form-control" name="bloodGroup" id="bloodGroup" required>
<option value="" disabled selected>Blood Group</option>
<option value="O +">O Positive (O+)</option>
<option value="O -">O Negative (O-)</option>
<option value="A +">A Positive (A+)</option>
<option value="A -">A Negative (A-)</option>
<option value="B +">B Positive (A+)</option>
<option value="B -">B Negative (B-)</option>
<option value="AB +">AB Positive (AB+)</option>
<option value="AB -">AB Negative (AB-)</option>
</select>
<br><input type="text" name="time" id="time" class="form-control" placeholder="Time In Hour" maxlength="6" onBlur="createMessage()" required/>
<br><button type="submit">Next ></button>
</form>
</body>
</table>
如果不编码该值,则在服务器上解码该值时,+
将出现一个空格
您可以让jQuery自动执行以下操作:
data:"BloodGroup="+$("#bloodGroup").val(),
如果要手动编码(例如,当您不使用jQuery时),可以使用:
data: { 'BloodGroup': $("#bloodGroup").val() },
您当前的代码运行良好,如果您更改某些行
data: "BloodGroup=" + encodeURIComponent($("#bloodGroup").val()),
将此
标记更改为关闭并完成
标记,如下所示
success:function(data)
{
$("#message-span").html(data);
$("#loaderIcon").hide();
// remove this line here // message-span
},
您当前的代码运行良好,如果您更改某些行
data: "BloodGroup=" + encodeURIComponent($("#bloodGroup").val()),
将此
标记更改为关闭并完成
标记,如下所示
success:function(data)
{
$("#message-span").html(data);
$("#loaderIcon").hide();
// remove this line here // message-span
},
+ = + 和空格= ;所以试试value=“O ;+;”+=+;和空格= ;所以试试value=“O ;+;”