I'm trying to make a jquery ajax request to an html page that passes in a parameter value called "action". In this html page, I want to only show certain div elements depending on the value of the parameter action.
Here is the html I am trying to return from the ajax call that sends in the parameter "action" in Information.html file:
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<div id="" ng-show="param.action==INFORMACC">
<span class="parent candidate donedate"></span>
<p class="center bold">Informal Acceptance</p>
<ul>
<li> The Division Coordinator</li>
</ul>
</div>
<div id="" ng-show="param.action==SEARCHSUM">
<span class=" hr donedate"></span>
<span>
<p class="center bold">Search & Summary Approved</p>
<ul class="bullet" style="list-style:disc; ">
<li style="list-style:disc; list-style- position:inside;">Affirmative</li>
</ul>
</span>
</div>
</body>
</html>
Here is the ajax request in demo.js file:
function getInfo(action) {
var recruitment_id =$('#personselect').val() ;
var request = $.ajax({
type: "GET",
url: "Information.html",
cache:false,
data: {action: action , p_recruitment_id : recruitment_id}
});
request.done(function(msg) {
$("#dialog-message").children("p:first").html(msg);
});
};