C# “+dataResult.EmployeeID+”);如果不起作用:请尝试:$(“#弹出”).append(“
”+dataResult['EmployeeID']+”);如果不起作用:遍历dataResult。。。如果不工作:请尝试console.log(dataResult)。。。在这里,控制台(按F12键)将向您展示如何显示dataSir弹出窗口not display(不显示)以及在我使用断点进行调试时不显示任何错误。我看到您的代码正在工作我的jquery不工作,我不知道不显示任何错误有什么问题。C# “+dataResult.EmployeeID+”);如果不起作用:请尝试:$(“#弹出”).append(“,c#,jquery,json,C#,Jquery,Json,”+dataResult['EmployeeID']+”);如果不起作用:遍历dataResult。。。如果不工作:请尝试console.log(dataResult)。。。在这里,控制台(按F12键)将向您展示如何显示dataSir弹出窗口not display(不显示)以及在我使用断点进行调试时不显示任何错误。我看到您的代码正在工作我的jquery不工作,我不知道不显示任何错误有什么问题。 <img src="~/image/map.jpg" usemap="#imag
<img src="~/image/map.jpg" usemap="#image-map" class="map" />
<map name="image-map" class="map">
<area target="" alt="" title="" href="" id="2" coords="1008,370,33" shape="circle">
<area target="" alt="" title="" href="" coords="962,420,23" shape="circle">
<area target="" alt="" title="" href="" coords="932,461,18" shape="circle">
<area target="" alt="" title="" href="" coords="888,464,867,485,907,541,929,501" shape="poly">
<area target="" alt="" title="" href="" coords="851,507,836,532,876,566,907,541" shape="poly">
</map>
<label id="mname"></label>
<label id="city"></label>
<label id="mid"></label>
<label id="cordsid"></label>
</form>
<script>
$(".map area").click(function () {
$.ajax({
url:'@Url.Action("Member_Detail")',
data: { 'cords': this.id },
type: "post",
cache: false,
dataType: "JSONP",
success: function (resdata) {
alert("success", resdata);
},
error: function (result, status, err) {
console.log("error", result.responseText);
console.log("error", status.responseText);
console.log("error", err.Message);
}
});
});
</script>
public JsonResult Member_Detail(int cords)
{
string constr = ConfigurationManager.ConnectionStrings["Test"].ConnectionString;
MemberDetail m_Detail = new MemberDetail();
using (SqlConnection con=new SqlConnection(constr))
{
SqlCommand cmd = new SqlCommand("select * from Employee where EmployeeID='" + cords+"'", con);
cmd.CommandType = System.Data.CommandType.Text;
con.Open();
DataTable dt = new DataTable();
dt.Load(cmd.ExecuteReader());
for (int i = 0; i < dt.Rows.Count; i++)
{
m_Detail.EmployeeID = Convert.ToInt32(dt.Rows[i]["EmployeeID"]);
m_Detail.Name = dt.Rows[i]["Name"].ToString();
m_Detail.Position = dt.Rows[i]["Position"].ToString();
m_Detail.Address = dt.Rows[i]["Address"].ToString();
m_Detail.Salary = dt.Rows[i]["Salary"].ToString();
m_Detail.Office = dt.Rows[i]["Office"].ToString();
}
}
return Json(m_Detail, JsonRequestBehavior.AllowGet);
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
$(document).ready(function(){
$(".map area").on("click", function(e){
e.preventDefault();
$.ajax({
url:'@Url.Action("Member_Detail")',
data: { 'cords': this.id },
type: "post",
cache: false,
dataType: "JSONP",
success: function (resdata) {
var dataResult = JSON.parse(resdata);
$("#popup").append('<p>' + "" /* print dataResult here */ + '</p>');
$("#popup").dialog();
},
error: function (result, status, err) {
console.log("error", result.responseText);
console.log("error", status.responseText);
console.log("error", err.Message);
}
});
});
});
<div id="popup" title="MyPopup">
<p>sample_content</p>
</div>