#

Asp.Net Core:
 
Das folgende Code-Beispiel zeigt ein einfaches Beispiel einer Web-Api in Asp.Net Core MVC. In der Frontend Razor-View Views/Shared/_layout.cshtml wird beim onClick auf den Link mit dem Stern ein
Javascript function ausgeführt, welche mit ajax zu eine Anfrage zu der passenden WebApi des gleichen Controllers ausführt.
 
Save Favourite Searchagent
MVC Json WebApi
 
Frontend View->oben die Menüleiste _Layout
->beim click auf Stern folgt die script function in projects/s=asp core->$.ajax

 
Razor HTML-View
Views/Shared/_layout.cshtml
 

<divstyle="color:white;display:flex;flex-direction:row;">

<ahref="/📜"title="FreiberuflerProjekte"class="mynavnavbar-brand"style="font-size:22px;">

<imgsrc="~/_images/ico/icoLogo.png"style="margin-right:2px;vertical-align:text-bottom;"/>

<spanstyle="color:white;margin-right:4px;">ProjektsuchefürFreiberufler:</span>

</a>

<formid="frmList"style="display:inline-block"onsubmit="returnsend_Search()">

<inputid="tbxSearch_Text"name="tbxSearch_Text"value="@sSearch"style="width:200px;color:black">

Ort:

<inputid="tbxSearch_Ort"name="tbxSearch_Ort"value="@sOrt"style="width:80px;color:black"/>

<buttontype="submit"style="background-color:black;border:0px;padding:0px"><imgsrc="~/_images/Ico/icoSearch.png"style="height:30px"/></button>

</form>

 

 

@{

if(sSearch!=null)

{

 

stringsURL_SearchAgent="";

if(SignInManager.IsSignedIn(User))

{

sURL_SearchAgent="returnpost_SearchAgent();";

}

else

{sURL_SearchAgent="/Account/Login";}

 

<aonclick="@sURL_SearchAgent"><divid="lnkSearchAgent"style="color:white;font-size:36px;margin-top:-10px;margin-left:4px">&star;</div></a>

 

 

<script>

 

functionpost_SearchAgent(){

//--------<post_SearchAgent()>--------

 

//--<local>--

varsURL_SearchAgent="";

vartbxSearch_Text=document.getElementById("tbxSearch_Text");

vartbxSearch_Ort=document.getElementById("tbxSearch_Ort");

 

varlnkSearchAgent=document.getElementById("lnkSearchAgent");

if(lnkSearchAgent.innerHTML==""){

varsSearch=tbxSearch_Text.value;

sSearch=encodeURIComponent(sSearch).replace(/'/g,"%27").replace(/"/g,"%22");

sURL_SearchAgent="/SearchAgents/Add?s="+sSearch;

}

else{

sURL_SearchAgent="/SearchAgents/Delete?s=xxx";

}

//--</local>--

 

//--<ajaxupload>--

$.ajax({

type:"POST",

url:sURL_SearchAgent,

contentType:false,

processData:false,

//nodata

data:"-no-data-",//Type:PlainObjectorStringorArray

 

error:function(request,status,error){

alert("Errortext:\n"+request.responseText);

}

});

//--</ajaxupload>--

//--------</post_SearchAgent()>--------

}

 

</script>

 

}

}

</div>
 


 
 
 
Controller->Web Api
 
Nach dem Aufruf der ajax function wird auf dem Controller der Server-Code durchlaufen add(..).
Hierbei werden in diesem Fall die Query-Paramerter s und o übernommen. Man könnte auch aus dem Formular Daten übernehmen.

 
In Json  

 

[HttpPost]

[Authorize]

publicasyncTask<IActionResult>add()

{

//-------------<add()>-------------

//<getID>

//*fromQuerystinglikeNotes/Edit_Upload_Images?IDSearchAgent=1

stringsText_Search=Request.Query["s"];

stringsText_Ort=Request.Query["o"];

//</getID>

 

//--<GetUserID>--

//internalreferenz-Numberfortrackingintables

longIDCurrent_User=awaitUserInfo_Methods.getIDUser_as_Number(this.User,_dbContext);

//--</GetUserID>--

 

//<get_database>

SearchAgentsModelsearchAgent=newSearchAgentsModel();;

searchAgent.IDOwner=IDCurrent_User;

searchAgent.DtCreated=DateTime.Now;

searchAgent.Text_Search=sText_Search;

searchAgent.Text_Ort=sText_Ort;

//<save>

await_dbContext.tbl_SearchAgents.AddAsync(searchAgent);//IDNote:0->-99999

await_dbContext.SaveChangesAsync(true);//IDNote:-99999->16

//----</SaveData>----

 

//<response>

returnJson(true);

//</response>

//-------------</Edit_Upload_Images()>-------------

}
 


 
Mobile

.

soap2day