jquery获取input的value值方法 赋值传递参数给URL
笨牛网在制作IP显示项目的时候，需要用打AJAX提交参数并回显，因此用到INPUT输入框提交参数，给后台的PHP执行，并回显
这里主要用到
$("#url").attr('value') 取输入的值（2.0版本以前JQ）
$("#url").val() 取输入的值 （3.0版本后的JQ）
两个参数，都需要试试看支持不支持
整个代码如下：
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="https://tool.zzrrr.com/js/jquery.min.js"></script>
</head>
<body>
<input type="text" name="ip" size="27" id="url" />
<input type="submit" value="查 询" id="btn"><INPUT TYPE="hidden" name="action" value="2">
<script type = "text/javascript" >
$(function (){
$("#btn").click(function () {
var hrf = "./ip-query-taobao.php?ip=" + $("#url").val();
$.getJSON(hrf, function (data){
var $jsontip = $("#jsonTip");
var strHtml = "123";
//存储数据的变量
$jsontip.empty();
//清空内容
$.each(data, function (infoIndex, info){
strHtml = "国家：" + info["country"];
strHtml += "城市：" + info["city"];
strHtml += "省份：" + info["region"] + "<br>";
strHtml += "<hr>"
})
$jsontip.html(strHtml);
//显示处理后的数据
})
})
})
</script>
<div id="jsonTip">
</div>这样我们在输入框里输入IP地址的话，就会被拼接到
./ip-query-taobao.php?ip=后面 组成类似./ip-query-taobao.php?ip=192.168.1.1 这样的新URL给后面的AJAX提取
顶(1)
踩(0)
- 最新评论